如何在易选项卡全主中设置默认选项卡

Question

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

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

这工作正常，直到我通过单击选项卡在 url 中使用类似"#tab1-9"之类的东西。那么我如何设置默认选项卡就没关系了。

尽管 url 中的内容如何设置此默认选项卡？

Answer 1

即使

url 包含某些 #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项（您希望成为默认值）中，将 <a> 标签的 id 属性设置为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));

这也适用于这里的小提琴。

非常感谢您的提示。