JQueryUI 对话框在 JS 文件中不起作用

Question

我有进行 Ajax 调用的 JQuery 代码，为了重用相同的代码，我将代码放在 .JS 文件中。

这是场景。

1）我的aspx页面中有超链接控件和div控件。 div 控件用于显示 JQueryUI 对话框消息。

2) 我有 JS 文件，它接收超链接对象和 div 对象的引用

3) 在 JS 文件中，我通过 JQuery Ajax 插入记录，它运行良好，但问题是它没有显示 JQuery UI 对话框

代码

Aspx 文件

<asp:HyperLink ID="hlInsertRecord" runat="server" Text="Insert Record" Font-Bold="true" />

<div id="pnlInsertRecordMsg" title="Insert Record"></div>

在 Aspx.cs 文件中（javascript 函数的绑定引用）

string strInsertRecord = "InsertRecord(" + hlInsertRecord.ClientID + ",pnlInsertRecordMsg);return false;";
            hlInsertRecord.Attributes.Add("onclick", strInsertRecord);

请注意：autoOpen:true 并且我已通过取消注释打开对话框来检查我的代码 在 .JS 文件中

function InsertRecord(hlInsertRecord, pnlInsertRecordMsg) {
    $(document).ready(function () {

        //--------Message Box Start-------------------
        // increase the default animation speed to exaggerate the effect
        $.fx.speeds._default = 900;
        $(function () {
            $(pnlInsertRecordMsg.id).dialog({
                autoOpen: true,
                resizable: false,
                show: "highlight",
                hide: "fade"
            });

            //            $(hlInsertRecord.id).click(function () {
            //                $(pnlInsertRecordMsg.id).dialog("open");
            //                return false;
            //            });
        });
        //--------Message Box End-------------------



        pnlInsertRecordMsg.innerHTML = "Please wait, we are sending your request...";
        $.ajax({
            type: "POST",
            url: hlInsertRecord.href,
            success: OnInsertRecordSuccess,
            error: OnInsertRecordFail
        });
        //});

        function OnInsertRecordSuccess(response) {
            hlInsertRecord.innerHTML = "Record Inserted";
            pnlInsertRecordMsg.innerHTML = response;
            setTimeout(function () { $(pnlInsertRecordMsg.id).dialog("close"); }, 2000);
        }

        function OnInsertRecordFail(response) {
            pnlInsertRecordMsg.innerHTML = "Oops we are unable to send your request.  Please try again!!!";
            setTimeout(function () { $(pnlInsertRecordMsg.id).dialog("close"); }, 10000);
        }

    });
}

Answer 1

我不明白你为什么使用这个 $(pnlInsertRecordMsg.id)
我认为这里应该 $('#pnlInsertRecordMsg').dialog

如果我错了，请纠正我。