2012-01-26 64 views
3

我很抱歉,我在jQuery和工具的絕對新手...如何跳轉到指定的標籤的多標籤讓與jQuery工具

我使用多個標籤在我的網頁,我不能如果鏈接不在標籤的換行範圍內,則創建鏈接以打開標籤。

這裏是我的html代碼:

<a href="#tab2">AN EXTERNAL LINK TO TAB2</a> 
<div> 
    <div class="wrap"> 
     <ul class="tabs"> 
      <li class="current"><a href="#tab1">Tab 1</a></li> 
      <li><a href="#tab2">Tab 2</a></li> 
      <li><a href="#tab3">Tab 3</a></li> 
     </ul> 
     <div class="pane">content with <a href="#tab2">A INTERNAL LINK TO TAB 2</a></div> 
     <div class="pane">content</div> 
     <div class="pane">content</div> 
    </div> 
</div> 
<div> 
    <div class="wrap"> 
     <ul class="tabs"> 
      <li class="current"><a href="#tab5">Tab4</a></li> 
      <li><a href="#tab5">Tab 4</a></li> 
      <li><a href="#tab6">Tab 6</a></li> 
     </ul> 
     <div class="pane">content</div> 
     <div class="pane">content</div> 
     <div class="pane">content</div> 
    </div> 
</div> 

是我的腳本對身體的底部是否正確? 腳本:

<script> 

    // perform JavaScript after the document is scriptable. 
    $(function() { 

     $("ul.tabs").tabs("> .pane"); 
    }); 
</script> 

什麼i'have失蹤?我認爲這是可能的多個標籤...

非常感謝您的幫助。

回答

0

單擊目標鏈接時,可以在所需的選項卡上觸發單擊事件。在這種情況下,您希望將類名稱分配給選項卡和鏈接,因爲它們比屬性選擇器(如[href=#tab2])快一些。

因此,在你的HTML:

<a href="#tab2" class="target-tab-2">AN EXTERNAL LINK TO TAB2</a> 

... 

<li><a href="#tab2" class="tab-2">Tab 2</a></li> 

JS:

$('.target-tab-2').click(function (e) { $('.tab-2').click(); e.preventDefault(); }); 
+0

由於德里克,但它不工作...鏈接顯示mydomain.com/mypage.html#tab2但不要」 t打開標籤...如果它不在同一個包裝中,我確實有同樣的問題可以在任何標籤中打開另一個標籤。你確定我的$(「ul.tabs」)。tabs(「> .pane」); 腳本是否正確?是否需要在多個平臺上使用錨定選項?是一個basehref問題(我用這個 modx,但我認爲我正確... – user1152911

+0

沒問題?也許是一個問題與歷史選項煤礦是假 – user1152911

+0

歷史選項塊中的第一畢竟標籤......廢話 我有可能是一個解決辦法:?! 對於內部鏈接選項卡:使用直接HREF:# TAB1 對於外部鏈接:HREF使用:thepage.html#TAB1 – user1152911