2012-07-21 83 views
0

我對JQUERY非常陌生,我有一個項目,我必須使用JQUERY UI選項卡,我下載了一個UI選項卡並遵循here上列出的所有說明 我的HTML代碼:Jquery UI選項卡不能與.tabs()函數一起工作

<div id="tab"> 
    <ul class="tabs"> 
     <li><a href="#tabs-1">Tab1</a></li> 
     <li><a href="#tabs-2">Tab2</a></li> 
     <li><a href="#tabs-3">Tab3</a></li> 
    </ul> 
    <div class="tab-content" id="tabs1">Tab1</div> 
    <div class="tab-content" id="tabs2">Tab2</div> 
    <div class="tab-content" id="tabs3">Tab3</div> </div> 

和我的jQuery函數是:

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('#tab').tabs(); 
    }); 
</script> 

的問題是,當我運行的頁面則顯示輸出如下: this

,我不能導航製表符...我會heighly感謝您的熱心幫助在這方面

在此先感謝,並期待您的及時幫助

+0

檢查您的控制檯。你看到'未捕獲的jQuery UI選項卡:不匹配的片段標識符.'? – jcolebrand 2012-07-21 05:40:09

回答

3

在標籤按鈕鏈接:

<li><a href="#tabs-1">Tab1</a></li> 
<li><a href="#tabs-2">Tab2</a></li> 
<li><a href="#tabs-3">Tab3</a></li> 

需要匹配標籤的id屬性。您的鏈接使用tabs-1,tabs-2tabs-3,但您的標籤使用tabs1,tabs2tabs3

演示:http://jsfiddle.net/ambiguous/kbfjS/

+0

真棒,非常感謝你的幫助,現在已經修復:) – Hardworker 2012-07-21 05:58:20

+0

再次遇到另一個問題,我在這個問題上,當任何選項卡上的回發發生的標籤從beging重新加載和第一個標籤即使如果我在其他選項卡上調用了一個事件,選中的選項卡在回發後不會重新加載;如何解決這個問題?請幫助我..預先感謝 – Hardworker 2012-07-22 04:22:41

+0

我通過使用jquery ui標籤的cookie函數解決了上述問題,但現在問題是關閉和加載回頁面後,而不是默認選項卡最後選定的標籤來了,現在我總是堆棧並且非常需要您在這方面的幫助。 – Hardworker 2012-07-22 04:36:59

0

重命名內容div的這個,你得到了幾許-

<div class="tab-content" id="tabs-1">Tab1</div> 
<div class="tab-content" id="tabs-2">Tab2</div> 
<div class="tab-content" id="tabs-3">Tab3</div> 
相關問題