Question

我有一个简单的标签脚本，用于在内容之间交替。目前，该脚本在单击选项卡时可以更改选项卡的类，但我想从选项卡正文副本中链接到选项卡，并确保活动选项卡收到要选择的正确类。

$(document).ready(function() {

    $('.tabs a').click(function(){
        switch_tabs($(this));
    });

    switch_tabs($('.defaulttab'));

    $('.tab-content .img-frame a').click(function(){
        switch_tabs($(this));
    });

});

function switch_tabs(obj)
{
    $('.tab-content').hide();
    $('.tabs a').removeClass("selected");
    var id = obj.attr("rel");

    $('#'+id).show();
    obj.addClass("selected");
}

Answer 1

<强> CSS

.selected {
    background-color: #387C2B !important;
    border: 1px solid #006633 !important;
}

<强>的Javascript

$('.tabs a').click(function(){
    switch_tabs($(this));
});

switch_tabs($('.defaulttab'));

$('.tab-content .img-frame a').click(function(){
    switch_tabs($(this));
});


function switch_tabs(obj)
{
    $('.tab-content').hide();
    $('.tabs a').removeClass("green").removeClass("selected").addClass("gray");
    var id = obj.attr("rel");

    $('#'+id).show();
    obj.addClass("selected").removeClass("gray");
}

工作示例： http://jsfiddle.net/aMBj2/4/

Answer 2

最简单的方法是替换它：

 obj.addClass("selected");

用这个：

 $('a[rel='+id+']').addClass("selected");

<强> jsFiddle example

单击正文链接时更改选项卡选择

2 个答案: