Question

请为tab功能建议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

我实际上正在使用<li id="disabled"><a href="#">Tab name</a></li>和1.7.1。

Answer 2

尝试：

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

了解更多信息： http://forum.jquery.com/topic/what-does-tabs-disable-do
jQuery UI tabs disable tab navigation

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

由

解决

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

标签的jquery库

4 个答案: