JQuery сразу же удаляет класс после добавления

Question

Я использовал функцию JQuery для добавления класса remove в элемент HTML-ссылки, установив с помощью firebug JQuery, фактически добавив класс, а затем сразу же удалит его. Кто-нибудь знает почему? here is fiddle

[1]: http://jsfiddle.net/aqeelpld/7yydg1nt/2/ 

watch this on youtube

Answer 1

Похоже, ваша ссылка перезагрузки страницы. Если вы используете jQuery, измените href на «#», чтобы он не перезагрузил index.html. Если вы должны ссылаться на другую страницу PHP, тогда вы должны проверить, на какой странице вы находитесь на своем PHP, и добавить там «активный» класс, при загрузке страницы. Через PHP ...

<?php 
$uri = $_SERVER('REQUEST_URI'); 
$class = 'nonactive'; 
if ($uri=='/index.php') $class = 'active'; 
echo '<a href="..." class="'.$class.'">...</a>' 
$class = 'nonactive'; 
if ($uri=='/nexUri.php') $class = 'active'; 
echo '<a href="..." class="'.$class.'">...</a>' 
$class = 'nonactive'; 
?> 

... с помощью JQuery ...

$(document).ready(function() { 
    if ($(location).attr('href')=='/index.php') 
     $('#indexLinkId').addClass('active'); 
    else if ($(location).attr('href')=='/nextUri.php') 
     $('#nextUriLinkId').addClass('active'); 
}); 

http://jsfiddle.net/7yydg1nt/3/