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

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

您可以使用http://www.eduteka.org/ajax/tabs3/

中的jquery标签

当你阅读文档时，有一个标题 “从未选中的所有选项卡开始/允许切换可见性”，这将是您正在寻找的。

jQuery-UI：无法取消选择标签

1 个答案: