Jquery模式窗口不适用于多个事件

Question

我想完成等待窗口，为此我采取了jquery模态对话框。

在一种情况下，在tab->需要检查记录是否存在。

在这种情况下，模式工作得非常好，也可以尝试几次。

但是如果我想为不同的事件打开相同的模式，它就不起作用了。

例如，在我的页面中，用户可以动态添加项目，最终用户需要将所有这些项目提交给数据库。

对于这个提交，我需要打开相同的模式，但它不起作用。

这是我的代码：

在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");

第一种方法（工作正常）：

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

第二种方法（不工作）：

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

我也用过：

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

但打不开。

Answer 1

你可以在ready()函数中使用吗

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

我觉得应该可以了。

Answer 2

我认为它可以帮助你

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();

             }
        });
}