JQuery библиотека для вкладок

Question

Пожалуйста, предложите библиотеку jquery для функции табуляции.Я использовал jquery-1.6.4.min.js, jquery-jquery-ui-1.7.1.custom.min.js и jquery-ui-1.7.1.custom.min.css. Но это не работает.Я хочу отключить вкладку на функцию готовности.Мой код

$(document).ready(function () {

     $("#tabs1").tabs({
        disabled: true
    });

});

ошибка получена d.disabled.concat не является функцией (в jquery-ui-1.7.1.custom.min.js)

какое-либо решение?

Answer 1

решается

$('#tabs1-1 :input').attr('disabled', true);  //'tabs1-1' is first div in 'tabs1' div 

Answer 2

try:

.tabs('disable', tabId) //disables a specific tab within the set 

для получения дополнительной информации: http://forum.jquery.com/topic/what-does-tabs-disable-do
Вкладки пользовательского интерфейса jQuery отключают навигацию по вкладкам

Answer 3

Простой способ управления вкладками.

<ul class="tabs">
    <li id="li1"><a href="#tab1">tab1</a></li>
    <li id="li2"><a href="#tab2">tab2</a></li>
    <li id="li3"><a href="#tab3">tab3</a></li>
</ul>
<div class="tabdata">

 <div id="tab1" class="tab_content">tab content for 1</div>
 <div id="tab2" class="tab_content">tab content for 2</div>
 <div id="tab3" class="tab_content">tab content for 3</div>
</div>

  $('ul.tabs li').click(function() {
        $('ul.tabs li').removeClass('active'); //Remove any 'active' class
        $(this).addClass('active'); //Add 'active' class to selected tab
        $('.tab_content').hide(); //Hide all tab content
        var activeTab = $(this).find('a').attr('href'); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn('fast'); //Fade in the active content

        return false;
    });


Some css

 ul.tabs {
            padding: 0;
            float: left;
            list-style: none;
            height: 25px;
            padding-left:5px;

        }
        ul.tabs li {
            float: left;
            margin-right:1px;
            margin-top:3px;
            padding: 0;
            width:155px;
            height:19px;
            float:left;

        }
        ul.tabs li a {
            text-decoration: none;
            color: #37173b;
            display: block;
            font:  normal 13px arial;
            outline: none;
            text-align:center;
            line-height:21px;
        }

Answer 4

Я на самом деле использую <li id="disabled"><a href="#">Tab name</a></li> с 1.7.1.