2011-01-02 9 views
0

jqueryタブを使用しています。フォームが編集モードのときにタブを無効にしたい Iamはこれにクエリ文字列idを使用し、typeはタブを識別しますJqueryタブを無効にする

idの値によれば、タブは無効です。

$(document).ready(function() { 
     var id = getQuerystring("Id"); 
     if (isNaN(id)) { 
      var inx = getQuerystring("type"); 
      if (isNaN(inx)) 
       inx = 1; 
      inx = inx - 1; 
      $('#tabs').tabs(); 
     } 
     else { 
      var inx = getQuerystring("type"); 
      if (isNaN(inx)) 
       inx = 1; 
      inx = inx - 1; 
      $('#tabs').tabs(); 
      $('#tabs').tabs('select', inx); 
      if (!isNaN(id)) { 
       for (var cnt = 0; cnt < 6; cnt++) { 
        $('#tabs').tabs('disable', cnt); 
        if (cnt == (inx)) { 
         $('#tabs').tabs(); 
         $('#tabs').tabs('select', cnt); 
        } 
       } 
      } 
     } 
     if (inx == 0) 
      LoadIframePage('CashReceipt.aspx?type1=1'); 
     else if (inx == 1) 
      LoadIframePage('CashPayment.aspx?type1=2'); 
     else if (inx == 2) 
      LoadIframePage('BankDeposit.aspx?type1=3'); 
     else if (inx == 3) 
      LoadIframePage('BankWithDrawal.aspx?type1=4'); 
     else if (inx == 4) 
      LoadIframePage('Journal.aspx?type1=5'); 


    }); 






<div id="tabs" style="font-size: 12px; width: 100%; height: 100%; visibility:hidden" onload="SelectaTab(2);"> 
       <ul> 
        <li><a id="cr" href="#fragment" onclick="LoadIframePage('CashReceipt.aspx?type1=1')"><span>Cash Receipt</span></a></li> 
        <li><a id="cp" href="#fragment" onclick="LoadIframePage('CashPayment.aspx?type1=2')" 
    ><span>Cash Payment</span></a></li> 
        <li><a id="br" href="#fragment" onclick="LoadIframePage('BankDeposit.aspx?type1=3')"><span>Bank Receipt</span></a></li> 
        <li><a id="bw" href="#fragment" onclick="LoadIframePage('BankWithDrawal.aspx?type1=4')"><span>Bank Payment</span></a></li> 
        <li><a id="jr" href="#fragment" onclick="LoadIframePage('Journal.aspx?type1=5')"><span>Journal</span></a></li> 
       </ul> 
       <div id="fragment" style="width: 100%; height: 90%"> 
        <iframe style="width: 98%; height: 100%" frameborder="0" scrolling="yes" id="ifrforms" onload="test"> 

        </iframe> 
       </div> 

      </div> 

マイpblmはタブが無効になっているということであるとして、次のコードを使用してIAM。タブをクリックするとページがリダイレクトされ、そのページがロードされます...どうすればこの問題を解決できますか?関数LoadIframePageが定義されている事前

答えて

1

のおかげ? if文をそこに置くことができます:

if($('#tabs').attr("disabled")) { 
    return; // do nothing 
} else { 
    // carry on... 
} 
+0

LoadiframePageは、タブクリック時にiframeのurlを変更するために使用されます。そして私は上記のコードを試しました。しかし、結果はそのままです – Nithesh

+0

あなたのタブは本当に無効になっていますか? $( '#tabs')を試してください。attr( "disabled"、true);また、私はクラスの属性をすべてのタブに配置し、無効にしてもそれらを呼び出すことをお勧めします。通常、クリックイベントは無効な要素で発生することはできませんが、親だけが無効になっていると起動できないことがあります。 – jmort253

関連する問題