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은 탭을 사용할 수 없다는 것을 의미합니다. 탭을 클릭하는 동안 페이지가 리디렉션되고 페이지가로드됩니다. 어떻게 해결할 수 있습니까?
미리 감사드립니다.
LoadiframePage는 탭 클릭시 iframe의 url을 변경하는 데 사용됩니다. 그리고 위의 코드를 시도했다. 하지만 결과는 다음과 같습니다. – Nithesh
정말 탭이 비활성화되어 있습니까? $ ('# tabs')를 시도하십시오. attr ("disabled", true); 또한, 모든 탭에 class 속성을 두는 것도 좋을 것입니다. 일반적으로 클릭 이벤트는 사용 중지 된 요소에서 실행될 수 없지만 상위 요소 만 사용 중지 된 경우 실행될 수 있습니다. – jmort253