我正在使用jquery选项卡。我希望在表单处于编辑模式时禁用选项卡。
Iam使用查询字符串id
进行此操作,type
用于标识选项卡
根据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是标签被禁用。但是当点击选项卡时,页面被重定向并且该页面被加载......我该如何解决这个问题。
提前致谢
答案 0 :(得分:1)
LoadIframePage定义的函数在哪里?你可以在那里放一个if语句:
if( $('#tabs').attr("disabled") ) {
return; // do nothing
} else {
// carry on...
}