Question

我将以下代码包装在一个匿名函数中，该函数处理＆＃34; tabs＆＃34;对我来说：

$(function () {

  var tabs       = $('.js-tabs-container > div');
  var tabNavLink = $('.js-tabs-nav a');

  tabs.hide().filter(':first').show();

  tabNavLink.click(function () {
    tabs.hide();
    tabs.filter(this.hash).show();
    tabNavLink.removeClass('active');
    $(this).addClass('active');
    return false;
  }).filter(':first').click();

});

但是我只能将它用于每页的一个标签实例。我是编程和JS的新手，所以我想就如何解决这个问题提出一些建议。

感谢。

编辑：

这里是行动代码的JSFiddle：http://jsfiddle.net/Zm6dd/

Answer 1

在这里，你只需要找到正确的选择：http://jsfiddle.net/Zm6dd/3/

$(function () {

  var tabs       = $('.js-tabs-container > div');
  var tabNavLink = $('.js-tabs-nav a');

  tabs.hide().filter(':first').show();

  tabNavLink.click(function () {
    $(this).parent().next('.js-tabs-container').children('div').hide();
    tabs.filter(this.hash).show();
    tabNavLink.removeClass('active');
    $(this).addClass('active');
    return false;
  }).filter(':first').click();

});

Answer 2

这是我最终得到的结果。

https://github.com/sprawsm/sprawsm-tabs/

我希望能够每页多次使用这段jQuery代码

2 个答案: