Question

尝试使用jquery在我的网站的投资组合部分使用选项卡式界面。

我需要实现的是在用户单击该选项卡的链接时将类“active”添加到li元素。我认为我的编码非常典型，但只能让它在Google Chrome和Safari中运行。 firefox和Internet Explorer将“活动”类添加到第一个li，在单击另一个选项卡时将其删除，但不会在单击的选项卡中添加“活动”。

代码：

$(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();
});

Answer 1

要使FF工作，你只需在function（）中添加“event”，如：

$('#tabbed-interface>ul>li>a').click(function(event){

Answer 2

也许考虑改变这一行：

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

是

$(this).parent().addClass('active');

jquery - ff中的选项卡式接口问题，即

2 个答案: