Question

我在这里设置了一个小提琴：http://jsfiddle.net/bnnsqwsd/。

基本上，我正在尝试重新创建http://jsfiddle.net/syahrasi/Us8uc/，但有一些更改（主要是从ID更改为数据属性，所以我可以在页面上有多个标签模块）。

它有效，但如果你在加载后点击第一个活动标签（标签＃1），它会中断吗？

这是我的jQuery：

$(document).ready(function() {
  $(".tabs-menu a").click(function(event) {
    event.preventDefault();
    $(this).parent().addClass("current");
    $(this).parent().siblings().removeClass("current");
    var tab = $(this).data("tab");
    $(".tab-content").not(tab).css("display", "none");
    $(tab).fadeIn();
  });
});

Answer 1

你忘了添加

data-tab=".tab-1"

到你的第一个

    <li class="current"><a href="#tab-1" data-tab=".tab-1">Tab 1</a></li>

DEMO

Answer 2

您需要将第一个标签链接更改为

<a href="#" data-tab=".tab-1">Tab 1</a>

演示http://jsfiddle.net/bnnsqwsd/2/

Answer 3

我也使用此标签。它很好，小脚本。我想如何逐一进行自动更改。比如说每个5秒，下一个标签会激活。滑块

之类的东西

活动标签点击问题

3 个答案: