如何在加载时禁用jquery选项卡

Question

如何在加载功能上禁用选项卡？我需要禁用选项卡onload功能并启用保存按钮。如何实现这个目标？

我的代码在jsp中

<div id="tabs1" >
<ul>
    <li><a href="#tabs1-1" id="tabs01">Incident Info</a></li>
      <li><a href="#tabs1-2"  id="tabs02">Incident Notes</a></li>         
    </ul>
<div id="tabs1-1">
<span>This is incident info</span>
</div>
<div id="tabs1-2">
<span>This is incident Note</span>
</div>
</div>

<script type="text/javascript">
$(document).ready(function () {
 $('#tabs1-2').hide();
    $('#tabs1-1').show();
    $('#tabs1 ul li:first').addClass('active');

    $('#tabs1 ul li a').click(function(){ 
        $('#tabs1 ul li').removeClass('active');
        $(this).parent().addClass('active'); 
        var currentTab =jQuery(this).attr('href'); 
        if(currentTab=="#tabs1-1"){
             $('#tabs1-2').hide();
            $('#tabs1-1').show();
        }
        else if(currentTab=="#tabs1-2"){
             $('#tabs1-1').hide();
                $('#tabs1-2').show();
        }
        return false;
    });
});

</script>

并通过点击保存按钮启用（它在js页面中）

function save(){
// here I need to enabled 
}

我需要在加载时禁用标签，为此做什么？

Answer 1

使用disabled选项：

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

然后，如果要启用选项卡，请使用选项方法：

$("#tabs1").tabs("option" , disabled , false);