Установите вкладку по умолчанию с помощью инструментов jQuery

Question

Хорошо, убедитесь, что вы понимаете, что это с помощью jQuery Tools (http://jquerytools.org/), а не с jQuery UI.

Мне нужно знать, есть ли способ установить вкладку по умолчанию через фактический HTML-код. Код установки выглядит следующим образом:

jQuery("ul.tabs").tabs("div.panes > div"); 

и HTML, как это:

<div class="tabs-container"> 
<ul class="tabs "> 
<li class="w3"><a href="#" class="current">The active tab</a></li> 
<li class="w3"><a href="#">Another tab</a></li> 
<li class="w3"><a href="#">Third tab</a></li> 
</ul> 
<div class="panes"> 
<div style="display: block;"> 
Content of first tab 
</div> 
<div style="display: none;"> 
Second tab contents 
</div> 
<div style="display: none;"> 
Third tab contents 
</div> 
</div> 

Я уже пытался дать якорь на вкладке 2-й в класс «ток», который не работал.

Answer 1

После закладки инициализированы вы можете получить API ручки вкладки сценариев, а затем выберите вкладку:

var api = $("ul.tabs").data("tabs"); 
api.click(1); 

Полный справочник находится здесь под «Scripting API»: http://jquerytools.org/documentation/tabs/

Answer 2

Вы должны используйте свойство initialIndex как часть 2-го аргумента при настройке вкладок в скрипте на странице.

Вот ссылка на скрипку с начальным индексом, установленным на «1», который показывает вторую вкладку по умолчанию вместо первого, когда индекс вкладки начинается с нуля. http://jsfiddle.net/switchweb/pPMRX/

Сценарий для его настройки с использованием свойства initialIndex выглядит следующим образом (вы должны заменить здесь «1» на номер TAB, который вы хотели бы «текущим», когда страница первоначально отображается, где первая вкладка 0, второй - 1 и т. д.).

$("<tabs_selector>").tabs("<pane_selector>", {initialIndex: 1});