Question

我通过几个导航链接在div容器中加载ajax内容，并使用以下脚本设置defaultTab：

$(document).ready( function() {
  $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});
});

这样做很好，直到我习惯了像＃tab1-9＆＃39;＃tab;通过单击选项卡在网址中。那么我设置defaultTab的方式并不重要。

尽管网址中有内容，我怎样才能设置此defaultTab？

Answer 1

即使网址包含一些#tabId，您也可以手动更改页面重新加载时的选项卡。该插件有一个内置的方法。

EasyTabs目前有一个名为select的公共方法，它允许您可以通过JavaScript选择一个标签。

只需在$(document).ready()函数中添加此代码：此行之后$('#tab-container').easytabs('select', '#default-tab-link');：$("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});

然后你的代码应该是这样的：

$(document).ready( function() {
  $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});
  $('#tab-container').easytabs('select', '#default-tab-link');
});

在您的html代码中，在第三个li项内（您希望默认设置），将id标记的<a>属性设置为default-tab-link

Answer 2

我找到了：

$("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq("+nTab+")", active: nTab});
$('#tab-container').easytabs('select', '#tabs1-'+String.fromCharCode(nTab+97));

这也适用于fiddle here。

非常感谢您的提示。

如何在easyTabs中设置defaultTab全部显性？

2 个答案: