2011-01-02 9 views
0

jquery 탭을 사용하고 있습니다. 양식이 편집 모드 일 때 탭을 비활성화하고 싶습니다. 스피 ID의 값에 따라 탭Jquery tab disabling

를 식별하고이 type 대한 질의 스트링을 사용 id 탭을 사용할 수있다. 다음 코드를 사용하는 IAM

$(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은 탭을 사용할 수 없다는 것을 의미합니다. 탭을 클릭하는 동안 페이지가 리디렉션되고 페이지가로드됩니다. 어떻게 해결할 수 있습니까?

미리 감사드립니다.

답변

1

LoadIframePage 함수는 어디에 정의되어 있습니까? if 문을 다음과 같이 넣을 수 있습니다 :

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

LoadiframePage는 탭 클릭시 iframe의 url을 변경하는 데 사용됩니다. 그리고 위의 코드를 시도했다. 하지만 결과는 다음과 같습니다. – Nithesh

+0

정말 탭이 비활성화되어 있습니까? $ ('# tabs')를 시도하십시오. attr ("disabled", true); 또한, 모든 탭에 class 속성을 두는 것도 좋을 것입니다. 일반적으로 클릭 이벤트는 사용 중지 된 요소에서 실행될 수 없지만 상위 요소 만 사용 중지 된 경우 실행될 수 있습니다. – jmort253

관련 문제