2012-01-20 58 views
0

如何禁用加载功能选项卡?我需要禁用标签onload功能并启用保存按钮的onclick。如何实现这一目标?如何禁用jquery选项卡加载

我的代码是在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 
} 

我需要的选项卡上的负载停用,该怎么办?

回答

0

使用disabled选项:当你想启用标签,使用选项方法

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

然后:

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

我得到了错误$( “#TABS1”)标签是不是函数 –

+0

此代码需要在jQuery UI的脚本文件之后运行。当你的代码试图在jQuery UI可用之前运行时,通常会产生错误:) – danwellman

+0

K再次感谢。我添加了jquery i.6.4.min.js –