jQuery UI選項卡：不匹配的片段標識符（jQuery 1.71，UI 1.8.16）

我正在使用jQuery 1.71和jQuery UI 1.8.16，並且得到臭名昭着的jQuery UI選項卡：不匹配的片段標識符錯誤。jQuery UI選項卡：不匹配的片段標識符（jQuery 1.71，UI 1.8.16）

任何人都可以幫忙嗎？我認爲UI和jQuery版本可能存在問題 - 但我確定我的版本相當現代。

在此先感謝。

jQuery(document).ready(function ($) { 
    tab_holder = jQuery('#dl-tabs'); 
    tab_holder.tabs({ 
    event: 'mouseover' 
}); 

tab_holder.tabs('option', 'disabled', false); 
    tab_holder.tabs('rotate', 5000); 
    tab_holder.mouseleave(function() { 
    tab_holder.tabs('rotate', 5000); 
    }); 
});

的HTML代碼如下：

<div class="tabs ui-tabs ui-widget ui-widget-content ui-corner-all" id="dl-tabs"> 
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
     <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li> 
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li> 
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li> 
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li> 
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li> 
</ul></div>

來源

2012-08-01 user801745

這是在應用tabas之前還是之後的標記？使用[選項卡文檔頁面]上的示例（http://jqueryui.com/demos/tabs）查看您的標記應該是什麼樣子。 – 2012-08-02 01:46:30

之後。我應該注意到，這個標記在jQuery 1.4和舊jquery UI的舊堆棧上運行良好。我正在嘗試升級並遇到這些問題。 – user801745 2012-08-02 02:30:59

有趣的...你可以在應用'tabs'之前顯示你的標記嗎？ – 2012-08-02 02:38:19

OK - 如鏈接到的div [正如你所指出安德魯]，用你的jsfiddle時，我並沒有包括所有的標記（我發現使用我使用的代碼，jquery中的引用div必須包含列表和內容，它通過添加一個新的div來解決這個問題，並在其上調用標籤。幫大忙！

來源

2012-08-02 14:45:25 user801745

jQuery UI選項卡：不匹配的片段標識符（jQuery 1.71，UI 1.8.16）

回答

相關問題