Вкладки JQuery UI отключены при загрузке - PullRequest
1 голос
/ 01 декабря 2011

У меня сейчас есть этот код:

    $( ".feature-tabs" ).tabs( 
{ collapsible: true, fx: [{opacity:'toggle', duration:'slow', height: 'toggle'},   // hide option 
{opacity:'toggle', duration:'slow', height: 'toggle'}]}); // show option

и я хочу отключить вкладки при загрузке страницы, но у меня возникли проблемы с ней. Я попытался добавить в параметры параметр disabled: true, но не могу заставить его работать.

Может ли кто-нибудь показать мне правильный способ сделать это? Спасибо за любую помощь

Редактировать: HTML вкладок:

<div class="feature-tabs" id="tabs-set">
    <ul>
        <li><a href="#tabs-1" id="tab1">How does it<br/>work?</a></li>
        <li><a href="#tabs-2" id="tab2">Heating Start<br/>Time</a></li>
        <li><a href="#tabs-3" id="tab3">Turning on<br/>the boiler</a></li>
    </ul>
    <div id="tabs-1">
        <p>test</p>
        </div>
    <div id="tabs-2">
        <p>test2</p>        
                </div>
    <div id="tabs-3">
        <p>test3</p>
        </div>
</div>

Ответы [ 3 ]

3 голосов
/ 01 декабря 2011

Вы должны использовать

disabled: [1, 2] 

, где количество массивов - это вкладки, которые нужно отключить (начиная с 0), чтобы отключить вторую и третью вкладку

edit в вашем случаеиспользуйте

$(".feature-tabs").tabs({
    disabled: [0, 1, 2],
    collapsible: true,
    fx: [{
        opacity: 'toggle',
        duration: 'slow',
        height: 'toggle'}, // hide option  
         {opacity: 'toggle',
        duration: 'slow',
        height: 'toggle'}]
}); // show option

скрипку здесь http://jsfiddle.net/WqPtr/

0 голосов
/ 01 декабря 2011

Необходимо установить отключенное значение в виде массива с отключенным индексом каждой вкладки - вкладки имеют нулевой индекс.

Для получения более подробной информации об отключенных во вкладке параметров на http://jqueryui.com/demos/tabs.

0 голосов
/ 01 декабря 2011

Посмотрите, пытались ли вы отключить каждую вкладку, подобную этой на Сайт JQuery UI

$( ".selector" ).tabs({ disabled: [1, 2] });
...