如何禁用jquery选项卡加载

Question

如何禁用加载选项卡功能？我需要禁用选项卡加载功能并启用保存按钮的单击。如何实现这一目标？

我的代码位于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>

，并通过保存按钮的onclick启用（位于js页面中）

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

我需要在加载时禁用选项卡，为此该怎么办？

Answer 1

使用 disabled 选项：

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

然后当你想启用选项卡时，使用 option 方法：

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