попытка использовать интерфейс с вкладками на разделе портфеля моего сайта с помощью jQuery.
все, чего я должен достигнуть, добавляет класс 'активный' к элементу лития, когда пользователь нажимает на ссылку той вкладки. мысль мое кодирование было довольно типично, хотя может только заставить это работать в Google Chrome и сафари. Firefox и Internet Explorer добавляют 'активный' класс к первому литию, удаляют его по щелчку другой вкладки, но не добавляют 'активный' к нажатой вкладке.
код:
$(document).ready(function(){
$('#tabbed-interface li:first').addClass('active');
$('#tabbed-interface>ul>li>a').click(function(){
$('#tabbed-interface>ul>li').removeClass('active');
$(event.target).parent().addClass('active');
$('#tabbed-interface>div').fadeOut(250).filter(this.hash).fadeIn(250);
return false;
});
$('#tabbed-interface>div').css('position','absolute').not(':first').hide();
});
Возможно, стоит изменить эту строку:
$(event.target).parent().addClass('active');
на
$(this).parent().addClass('active');
чтобы FF работал, вам просто нужно добавить "event" внутри function() как :
$('#tabbed-interface>ul>li>a').click(function(event){