Jquery选项卡禁用

时间:2011-01-02 07:21:10

标签: javascript jquery jquery-ui

我正在使用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是标签被禁用。但是当点击选项卡时,页面被重定向并且该页面被加载......我该如何解决这个问题。

提前致谢

1 个答案:

答案 0 :(得分:1)

LoadIframePage定义的函数在哪里?你可以在那里放一个if语句:

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