Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在easyTabs中设置defaultTab?_Javascript_Jquery_Navigation_Jquery Ui Tabs - Fatal编程技术网

Javascript 如何在easyTabs中设置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中有什么内容,如何设置此默认选项卡?即

我通过几个导航链接将ajax内容加载到div容器中,并使用以下脚本设置defaultTab:

$(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的值。我已经更新了,现在它可以工作了。