jQuery-UI: нельзя отменить вкладки

Я использую виджет jQuery-UI tabs, и я не хочу, чтобы какие-либо вкладки выбирались, когда вкладки загружаются в первый раз. Я назвал метод вкладки со следующим аргументом:jQuery-UI: нельзя отменить вкладки

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

, который должен отменить все вкладки в соответствии с вики JQuery. Однако это не сработает, всегда выбирается первая вкладка «Действие». Может ли кто-нибудь сказать мне, как сделать так, чтобы при первой загрузке не было выбрано никаких вкладок? Спасибо.

Вот что я работаю с:

<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 (http://jsfiddle.net/j08691/ZnytM/). Для более новых версий вам придется возиться со стилем и активным вариантом. – j08691

Спасибо, я посмотрю, что я могу понять. – neva78

К сожалению, похоже, что это может не работать с вкладками jQuery-UI, как указано в http://jquery.10927.n7.nabble.com/Can-t-disable-all-tabs-td129542.html.

Вы можете использовать вкладки Jquery из http://www.eduteka.org/ajax/tabs3/

И как вы читаете вниз документацию, есть заголовок, как «Старт со всеми вкладками неотобранных/позволяют видимость тумблера», которая будет то, что вы ищете.

источник

2013-02-09 19:25:34

Не работает, к сожалению, первая вкладка по-прежнему выбрана при загрузке вкладок. – neva78

Ответить отредактированный тест, если он работает –

Цените, что вы тратите время, но, к сожалению, я не работаю для меня. – neva78

jQuery-UI: нельзя отменить вкладки

ответ

Смежные вопросы