2012-01-20 16 views
0

読み込み機能でタブを無効にする方法は?私はタブのロード機能を無効にし、保存ボタンの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")を得た

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

をタブで関数ではない –

+0

このコードは、jQuery UIのスクリプトファイルの後に実行する必要があります。エラーは通常、jQuery UIが利用可能になる前にコードが実行しようとしたときに生成されます:) – danwellman

+0

Kもう一度感謝します。私はjqueryを追加しましたi.6.4.min.js –

関連する問題