jQuery选项卡-从其他页面打开
从其他页面上的链接打开选项卡时遇到问题。 使用jQuery选项卡,显然可以打开指向第一个选项卡的链接,但其他选项卡无法打开 我的cssjQuery选项卡-从其他页面打开,jquery,Jquery,从其他页面上的链接打开选项卡时遇到问题。 使用jQuery选项卡,显然可以打开指向第一个选项卡的链接,但其他选项卡无法打开 我的css <div class="tabs"> <ul class="nav"> <li class="selected"><a href="#tab-1">One</a></li> <li><a href="#tab-2">two</a
<div class="tabs">
<ul class="nav">
<li class="selected"><a href="#tab-1">One</a></li>
<li><a href="#tab-2">two</a></li>
<li><a href="#tab-3">three</a></li>
<li><a href="#tab-4">four</a></li>
</ul>
<div id="tab-1" class="tab-content">
<div class="inner">
<div class="one">
<div class="wrap block-3 border-1">
<p> </p> </div>
另一页的链接:
<p><a href="business.html#tab-1" class="button-2">one</a> </p>
<p><a href="business.html#tab-2" class="button-2">two</a> </p>
你知道我该怎么做吗?hashchange插件可以很好地处理这个问题。您是在使用插件还是在滚动自己的插件?下面将解析散列并从数字中减去1以获得起始选项卡索引。如果没有散列,将默认为第一个选项卡
var hash= location.hash, startTab=0;
if( hash && hash.indexOf('-')>-1){
startTab= parseInt( hash.split('-').pop() -1, 10) || 0;
}
$('#tabs').tabs({ active: startTab});
请参见文档中的活动选项:
编辑:
演示:在此处发布您的js代码,而不是使用插件。。我尝试了charlie提到的,但似乎不起作用:跨过这一步,但不知何故,除了第一个选项卡外,它仍然不起作用。在jQueryUI演示页面的控制台中工作正常。哈希值是否与选项卡的href匹配?上面所示的那些似乎是正确的。尝试警报(startTab)
查看它返回的内容。如果熟悉console,最好登录到console并检查哈希和startTab值Hanks Charlie,但我认为这个问题的措辞是错误的。我试图做的是从一个页面上的链接导航到另一个页面上的不同选项卡。因此,如果我单击第1页上的链接A,选项卡1将在第2页打开。如果我单击第1页上的链接B,第2页上的选项卡2将打开…对。。这就是我的代码的用途。。。要解析url中的哈希…只需将哈希添加到其他页面中的链接..如您的href中所示