0

待機ウィンドウを実現したいので、jqueryモーダルダイアログを取りました。

あるシナリオでは、タブで->レコードが存在するかどうかを確認する必要があります。

この場合、モーダルは非常にうまく機能し、いくつかの試行でも作業を行います。

しかし、別のイベントに対して同じモーダルを開きたい場合、機能しません。

たとえば、私のページでは、ユーザーはアイテムを動的に追加することができ、最後にこれらすべてのアイテムを DB に送信する必要があります。

この送信では、同じモーダルを開く必要がありますが、機能していません。

これが私のコードです：

内でready()、ダイアログを呼び出しています。

function WaitingWindows() {
    $("#test").dialog({
        autoOpen: false,
        modal: true,
        zIndex: 3999,
        disabled: false,
        closeOnEscape: false,
        beforeclose: function (event, ui) { return false; },
        dialogClass: "noclose",
        draggable: false,
        resizable: false,
        position: ['center', 'center'],
        open: function (event, ui) {
            $('.ui-widg`enter code here`et-content').css('background', 'none');
            $('.ui-widget-content').css('border', 'none');
            $('.ui-widget-header').css('background', 'none');
            $('.ui-widget-header').css('border', 'none');
            $('.ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close').remove();

        }
    });
}

モーダル部門:

 <%--loading Image--%>
        <div id="test" style="float:left;width:100px;height:100px;">
        <div style="float:left;width:100px;">
            <img   id="loading" src="Resources/Image/waiting.gif" />

        </div>
        <br />
         <div style="float:left;width:63px;font-size:medium;font-weight: bold;color:#787878 ;">
             Loading...
         </div>

        </div>

 <%--loading Image end--%>

ダイアログの開閉: :

 $("#test").dialog("open");$("#test").dialog("close");

1番目の方法（正常に動作）：

 $("#txt_orderNo").blur(function () {$("#test").dialog("open");}

2番目の方法（機能しない）：

 $('#btn_us_submit').click(function () {$("#test").dialog("open");}

私も使用しました：

$("#btn_us_submit").on('click', function (e) {}

しかし、開くことができません。

4

2 に答える 2

0

私はそれがあなたを助けることができると思います 

function ShowPopUp()
{
    $("#test").dialog().dialog('open');
    $("#test").dialog({ autoOpen: false,
        modal: true,
        zIndex: 3999,
        disabled: false,
        closeOnEscape: false,
        beforeclose: function (event, ui) { return false; },
        dialogClass: "noclose",
        draggable: false,
        resizable: false,
        position: ['center', 'center'],
        open: function (event, ui) {
            $('.ui-widg`enter code here`et-content').css('background', 'none');
            $('.ui-widget-content').css('border', 'none');
            $('.ui-widget-header').css('background', 'none');
            $('.ui-widget-header').css('border', 'none');
            $('.ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close').remove();

             }
        });
}
于 2013-06-18T05:50:22.443 に答える
0

ready()関数で使用できますか

$("#txt_orderNo").blur(function () {$("#test").dialog("open");} )};

仕事であるべきだと思います。

于 2013-06-17T11:33:30.920 に答える