jQuery-UI：無法取消選項卡

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

$("#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>

UPDATE：添加$("#tabs ul li").eq(0).removeClass('ui-state-active');後$("#tabs").tabs();作品。它似乎可以防止下次單擊它時選中選項卡，但在此之後它可以正常工作。應該能夠整理出來。

更新：結果你需要的是$("#tabs").tabs({ collapsible: true, active: false });最初取消選擇所有選項卡。

來源

2013-02-09 neva78

'selected：-1'選項似乎只適用於舊版本的jQuery UI選項卡（http://jsfiddle.net/j08691/ZnytM/）。對於較新的版本，您必須修改樣式和主動選項。 – j08691 2013-02-09 21:27:58

謝謝，我會看看我能弄清楚什麼。 – neva78 2013-02-09 22:38:24

不幸的是，它似乎可能不適用於http://jquery.10927.n7.nabble.com/Can-t-disable-all-tabs-td129542.html中所述的jQuery-UI標籤。

您可以使用jQuery的標籤從http://www.eduteka.org/ajax/tabs3/

而當你讀下來的文件，有像標題「開始將各選項卡未選定/允許切換知名度」，這將是你在找什麼。

來源

2013-02-09 19:25:34

不幸的是，當標籤加載時，第一個標籤仍然被選中。 – neva78 2013-02-09 19:30:11

回答編輯檢查是否有效 – 2013-02-09 20:12:31

欣賞你花時間，但不幸的是，既不適合我。 – neva78 2013-02-09 20:36:34

jQuery-UI：無法取消選項卡

回答

相關問題