jQuery - интерфейсные проблемы с вкладками в и следующие, т.е.

попытка использовать интерфейс с вкладками на разделе портфеля моего сайта с помощью 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();
}); 
1
задан karim79 9 July 2010 в 17:07
поделиться

2 ответа

Возможно, стоит изменить эту строку:

$(event.target).parent().addClass('active');

на

$(this).parent().addClass('active');
1
ответ дан 2 September 2019 в 23:09
поделиться

чтобы FF работал, вам просто нужно добавить "event" внутри function() как :

$('#tabbed-interface>ul>li>a').click(function(event){
1
ответ дан 2 September 2019 в 23:09
поделиться
Другие вопросы по тегам:

Похожие вопросы: