jQuery Tabs - 從另一個頁面打開

我無法從其他頁面上的鏈接打開選項卡。使用jQuery選項卡，顯然鏈接到第一個選項卡打開罰款，但其餘不。jQuery Tabs - 從另一個頁面打開

我的CSS從另一個頁面

<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>&nbsp;</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>

任何想法，我怎麼能得到這個工作？

來源

2012-12-30 user1938050

在這裏發表您的js代碼太 – Techie

EasyTabs plugin可以很好地處理hashchange插件。你正在使用插件還是滾動你自己的？

來源

2012-12-30 16:38:46 jxpx777

沒有使用插件..我嘗試了什麼查理提到，但似乎沒有工作：S – user1938050

以下將解析散列並從數字中減去1以得到開始標籤索引。如果不出現亂碼，將默認爲第一個標籤

var hash= location.hash, startTab=0; 
if(hash && hash.indexOf('-')>-1){ 
    startTab= parseInt(hash.split('-').pop() -1, 10) || 0; 
} 

$('#tabs').tabs({ active: startTab});

查看文檔active選項：http://api.jqueryui.com/tabs/#option-active

編輯：

DEMO：http://jsfiddle.net/6s2Rv/

來源

2012-12-30 16:56:33 charlietfl

試過，但不知何故它仍然工作前切換到第一個選項卡。 – user1938050

在jQueryUI演示頁面的控制檯上正常工作。哈希值是否與選項卡的href匹配？上面顯示的那些似乎是。嘗試'alert（startTab）'來查看它返回的結果。如果熟悉控制檯更好地登錄到控制檯和checc哈希值和startTab值 – charlietfl

我添加了一個演示，以顯示它的工作 – charlietfl

jQuery Tabs - 從另一個頁面打開

回答

相關問題