Здравейте,
Забърках се нещо с този JS и ще ми е нужна малко помощ. Имам страница на която са листнати 10-тина категории. Това, което искам е когато отворя страницата по дефолт да е кликнато(да зареди) елемнти от първата категория.
Като се натисне на друга категория да се сменя съответно съдържанието и active класа.
Проблема е, че имам 2 актив класа и не мога да махна от дефолтната категория..Ето кода
А това ми е JS-то. 2 различни части е:
1. click() event, за да зареди първата категория по дефолт
2. да сменя active класа, когато се клика на другите
Искам да кажа, че хич ме няма в JS-то и най-вероятно е голяма бъркотия.
Забърках се нещо с този JS и ще ми е нужна малко помощ. Имам страница на която са листнати 10-тина категории. Това, което искам е когато отворя страницата по дефолт да е кликнато(да зареди) елемнти от първата категория.
Като се натисне на друга категория да се сменя съответно съдържанието и active класа.
Проблема е, че имам 2 актив класа и не мога да махна от дефолтната категория..Ето кода
HTML:
<ul class="navigation">
<li class="category active"><a href="#">1</a></li>
<li class="category"><a href="#">2</a></li>
<li class="category"><a href="#">3</a></li>
<li class="category"><a href="#">4</a></li>
</ul>
1. click() event, за да зареди първата категория по дефолт
2. да сменя active класа, когато се клика на другите
Код:
var active = 0;
for (var i = 0; i < document.links.length; i++) {
if (document.links[i].href === document.URL) {
active = i;
}
}
document.links[active].className = 'active';
$('#category').find('a').trigger('click');
$('li.category:first-child').addClass('active');
$('li.category').click(function(){
$('li.category:first-child').removeClass('active');
$(this).addClass('active');
});