javascript - 事件选项卡点击问题

Question

我在这里设置了一个 fiddle :http://jsfiddle.net/bnnsqwsd/ .

基本上，我正在尝试重新创建 http://jsfiddle.net/syahrasi/Us8uc/ ，但进行了一些更改(主要从 ids 更改为数据属性，这样我就可以在一个页面上拥有多个选项卡模块)。

它可以工作，但是如果您在加载后单击第一个事件选项卡(选项卡#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 a

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

DEMO