0

我正在使用 jQuery-UI 选项卡小部件，并且我不希望在第一次加载选项卡时选择任何选项卡。我使用以下参数调用了 tabs 方法：

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

这应该根据 jQuery wiki 取消选择所有选项卡。但是它不起作用，始终选择第一个选项卡“操作”。谁能告诉我如何确保第一次加载时没有选择标签？谢谢。

这是我正在使用的：

<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 });最初取消选择所有选项卡。

4

1 回答 1

0

不幸的是，它似乎不适用于 jQuery-UI 选项卡，如http://jquery.10927.n7.nabble.com/Can-t-disable-all-tabs-td129542.html中所述。

您可以使用来自http://www.eduteka.org/ajax/tabs3/的 jquery 选项卡

当您阅读文档时，会有一个标题，例如“从所有未选择的选项卡开始/允许切换可见性”，这就是您要查找的内容。

于 2013-02-09T19:25:34.117 回答