2013-09-29 3 views
2

Я использую вкладки пользовательского интерфейса jquery, я хочу отключить вкладки. для этого я уже установил свою вкладку, как описано ниже для HTML и JQuery. Элемент управления вкладками работает отлично, но он не отключает вкладки.JQuery UI Tabs Disable

<div class="tabs-container h-tabs"> 
<ul class="tabs"> 
    <li><a href="#">tab 1</a></li> 
    <li><a href="#">tab 2</a></li> 
    <li><a href="#">tab 3</a></li> 
</ul> 

<div class="tab-content"> 
    <div>Tab 1</div> 
    <div>Tab 2</div> 
    <div>Tab 3</div> 
</div> 
</div> 
<script type="text/javascript"> 
    (function() { 
     $(".tabs-container ul.tabs").tabs("div.tab-content > div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: false, initialIndex: 1 }); 


     // DISABLE THE TABS 
     $(".tabs-container ul.tabs").tabs("option","disable", [1,2,3]); // IT DOESN'T WORK!!! 

    })(); 
</script> 
+0

ну, где элемент с вкладками-контейнерами класса в вашем html? –

+0

@ НишадNichoos ой жаль, я добавил. – BrilliantBrains

ответ

5

Получил это. Попробуйте ввести код ниже. Он должен быть «отключен» вместо «отключить», а индексы основаны на нулевом значении:

$(".tabs-container ul.tabs").tabs("option","disabled", [0, 1,2]); 
+0

да, это работает !!! – BrilliantBrains

+0

Hi @Rajesh. Не могли бы вы удалить свой другой ответ и в будущем просто внести изменения в свой оригинальный пост, если это не совсем другой ответ! Просто засоряйте сайт немного :) –

+0

удалите другой ответ. Благодаря! :) – Rajesh

4

Im»не уверен в вашем HTML, заменить HTML с этим

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">tab 1</a></li> 
    <li><a href="#tabs-2">tab 2</a></li> 
    <li><a href="#tabs-3">tab 3</a></li> 
    </ul> 
    <div id="tabs-1"> 
    Content tab1 
    </div> 
    <div id="tabs-2"> 
    Content tab2 
    </div> 
    <div id="tabs-3"> 
    Content tab3 
    </div> 
</div> 

Если вы хотите, чтобы отключить все вкладки, попробуйте этот код

$(".tabs").tabs("disable"); 

отключить()

Отключает ll tabs. Этот метод не принимает никаких аргументов.

+0

да, это также работает !!! – BrilliantBrains

+0

Хорошо! Передайте свой пост как решаемый :). –