jQuery-UI：不能取消選擇選項卡

Question

我正在使用jQuery-UI選項卡小部件，並且我不希望在首次加載選項卡時選擇任何選項卡。 我使用以下參數調用了tabs方法：

$( "#tabs" ).tabs({selected: -1});

這應該根據jQuery Wiki取消選擇所有選項卡。 但是，它不起作用，始終選擇第一個選項卡“ Action”。 誰能告訴我如何確保在首次加載時未選擇任何標簽？ 謝謝。

這是我正在使用的：

<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="js/jquery-ui-1.9.2.custom/js/jquery-ui-1.10.0.custom/css/ui-lightness/jquery-ui-1.10.0.custom.css" />
        <script src="js/jquery-ui-1.9.2.custom/js/jquery-1.9.1.js"></script>
        <script src="js/jquery-ui-1.9.2.custom/js/jquery-ui-1.10.0.custom/js/jquery-ui-1.10.0.custom.js"></script>

<script language="javascript" type="text/javascript">
             $(document).ready(function(){    
      $( "#tabs" ).tabs({selected: -1}); 

});
        </script>

    </head>
    <body>
        <div id="tabs">
        <ul>
        <li><a href="javascript: void(0);">Action</a></li>
        <li><a href="javascript: void(0);">Animation</a></li>
        <li><a href="javascript: void(0);">Classics</a></li>
        <li><a href="javascript: void(0);">Comedy</a></li>
        <li><a href="javascript: void(0);">Documentary</a></li>
        <li><a href="javascript: void(0);">Drama</a></li>
        <li><a href="javascript: void(0);">Horror</a></li>
        <li><a href="javascript: void(0);">Family</a></li>
        <li><a href="javascript: void(0);">Suspense</a></li>
        <li><a href="javascript: void(0);">Sci Fi/Fantasy</a></li>
        <li><a href="javascript: void(0);">World</a></li>
    </ul>
          </div>
    </body>
</html>

更新：添加$("#tabs ul li").eq(0).removeClass('ui-state-active'); 在$("#tabs").tabs(); 作品。 似乎阻止了您下次單擊該選項卡時選擇該選項卡，但此后它可以正常工作。 應該可以解決這個問題。

更新：原來您需要的只是$("#tabs").tabs({ collapsible: true, active: false }); 首先取消選擇所有標簽。

Answer 1

不幸的是，它似乎無法與jQuery-UI選項卡一起使用，如http://jquery.10927.n7.nabble.com/Can-t-disable-all-tabs-td129542.html中所述。

您可以使用http://www.eduteka.org/ajax/tabs3/中的 jquery標簽

在閱讀文檔時，會出現一個標題，例如“開始時未選中所有選項卡/允許切換可見性”。

jQuery-UI：不能取消選擇選項卡

問題描述

1 個解決方案

解決方案1
0 2013-02-09 19:25:34

jQuery-UI：不能取消選擇選項卡

問題描述

1 個解決方案

解決方案1 0 2013-02-09 19:25:34

解決方案1
0 2013-02-09 19:25:34