1

因此，我正在使用jQuery滑动选项卡代码，并且选择其他选项卡时，我需要其他选项卡来参加类。这是我写的：

$(document).change(function() {
  if ($('#tab_5').hasClass('st_tab_active')) {
      $('#tab_4').addClass('st_tab_active2');
  }
  else
    {$('#tab_4').removeClass('st_tab_active2');};
} );

我正在使用change，但这不是我能说出的正确事件，我不确定哪个是。当点击上一个和下一个按钮时，当它被选中时#tab_5接受这个类。当这种情况发生时，st_tab_active我需要#tab_4承担。st_tab_active2我应该使用什么正确的事件？

4

2 回答 2

1

给定一个选项卡列表

<div class="tab active"></div>
<div class="tab"></div>
<div class="tab"></div>
<div class="tab"></div>

jQuery

$(".tab").click(function(){
   $(".tab").removeClass("active");
   $(this).addClass("active");
});

虽然此示例与您的情况不完全相同，但它提供了一些适用的点。首先，在选项卡上使用一个类，这使您可以轻松地一次访问所有这些选项卡。其次，在 jQuery 中添加/删除活动类时，只需从所有选项卡中删除该类，然后将其应用到正确的选项卡。

您的情况的脚本可能会略有不同，因为它使用下一步按钮。

$(".next").click(function(){
    var nextElem = $(".active").next();
    $(".tab").removeClass("active");
    nextElem.addClass("active");
});
于 2013-03-31T09:18:15.120 回答
0

尝试使用 jquery live，它通常可以工作：

$(document).live('change', function() {
  if ($('#tab_5').hasClass('st_tab_active')) {
      $('#tab_4').addClass('st_tab_active2');
  }  else {
    $('#tab_4').removeClass('st_tab_active2');
  }
});
于 2013-03-31T10:36:21.730 回答