Javascript 如何在easyTabs中设置defaultTab?
我通过几个导航链接将ajax内容加载到div容器中,并使用以下脚本设置defaultTab:Javascript 如何在easyTabs中设置defaultTab?,javascript,jquery,navigation,jquery-ui-tabs,Javascript,Jquery,Navigation,Jquery Ui Tabs,我通过几个导航链接将ajax内容加载到div容器中,并使用以下脚本设置defaultTab: $(document).ready( function() { $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"}); }); 在我通过单击选项卡在url中使用类似于“#tab1-9”的内容之前,这一切都很正常。那么我如何设置defaultTab就无关紧要了 不管url中有什么内容,如何设置此默认选项卡?即
$(document).ready( function() {
$("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});
});
在我通过单击选项卡在url中使用类似于“#tab1-9”的内容之前,这一切都很正常。那么我如何设置defaultTab就无关紧要了
不管url中有什么内容,如何设置此默认选项卡?即使url包含一些选项卡ID,也可以在页面重新加载时手动更改选项卡。该插件为此内置了一个方法 EasyTabs目前有一个名为select的公共方法,它允许 您可以通过JavaScript选择选项卡 只需在
$(文档)中添加此代码即可。ready()
函数:
$(“#选项卡容器”).easytabs('select','#默认选项卡链接')代码>在这一行之后:$(“#选项卡容器”).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
属性设置为默认选项卡链接
我发现:
$("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq("+nTab+")", active: nTab});
$('#tab-container').easytabs('select', '#tabs1-'+String.fromCharCode(nTab+97));
这也适用于其他情况
非常感谢您的提示。您能提供任何JSFIDLE或可运行的代码片段吗?我需要一种可能性来防止url后面的“#tab1-4”之类的输出,或者在脚本通过“$(function(){(“#content”).load(“./srv/inc/content.inc.php?welle=1&markt=2”);”加载文件时修改此选项此加载函数不会更改地址栏中的url。这就是“恼人”的地方。因为地址栏中的扩展名决定了选定的选项卡,而不是“defaultTab”属性。在fiddle中没有显示此问题的地址栏。谢谢你考虑我的请求。你在使用插件吗?是的。这就是为什么:“$”(“#选项卡容器”)。“easytabs”({updateHash:true,defaultTab:li:eq(3)”);”它不像我想要的那样工作。->如果重新加载框架,则会得到单击的选项卡,而不是默认选项卡。如果我使用javascript变量,则通过ajax-load()加载文件与php变量相同。在JSFIDLE中,如果您检查url,就会发现它不包含任何#tabid,并且无法模拟该场景。我已经在本地机器上测试过了,它工作正常。你可以这样做,让我知道吗?我也在本地机器上测试过,也有同样的事情。也许我们的想法不同。它必须通过加载帧更改为defaultTab。那太好了。这意味着可能必须通过加载文件来更改url。你的剧本没有做到这一点。(单击其他选项卡后)它必须通过再次加载帧更改为变量nTab的值。我已经更新了,现在它可以工作了。