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