jQuery对话框在屏幕上闪烁，而不是留在用户输入

Question

在这个Asp.net webform应用程序中，我不得不添加一个jQuery对话框，因为客户端需要一个自定义弹出确认框。我不得不在后面的代码中附加对话框，因为对话框只会添加到GridView的某些行中的按钮中。当单击按钮以显示对话框时，它仅在屏幕上闪烁，没有时间让用户单击按钮。以为是GridView_RowCommand事件结束时的重定向引起了这种情况，但一旦被注释掉，它仍然在屏幕上闪现。认为它与按钮本身的回发功能有关，但似乎无法找到它。尝试通过jQuery而不是后面的代码中的OnClientClick属性附加对话框的开头，但这似乎也没有用。有人可以看看代码片段，看看我做错了什么或建议另一种方法来获得我需要做的事情？这是阻止我完成这个项目的唯一障碍。非常感谢你的帮助。

对话框的html：

<div style="display:none" id="dialog-warning" title="Out of Network">
        <p class="CallOut">
            <asp:Label ID="lblOutOfNetworkMsg" HtmlEncode="false" runat="server"></asp:Label>
        </p>
        <p style="text-align:center;">
        <asp:Button style="width:200px; background-color:#E9967A; font-family:Arial; font-size:11px; font-weight:bold; border:2px solid black;" ID="btnBack" runat="server" OnClientClick="return true;" CausesValidation="false" /><br /><br />
        <asp:Button style="width:200px; background-color:#E9967A; font-family:Arial; font-size:11px; font-weight:bold; border:2px solid black;" ID="btnProceed" runat="server" OnClientClick="return false;" CausesValidation="false" />
        </p>
    </div>

用于样式化对话框，打开对话框并将其附加到所需按钮的jQuery：

$(function () {
            var dlg = $("#dialog-warning").dialog({
                resizable: false,
                height: 200,
                width: 300,
                modal: true,
                autoOpen: false,
                open: function (event, ui) {
                    $(".ui-dialog-titlebar-close", ui.dialog).hide();
                }
            }).prev(".ui-dialog-titlebar").css("background", "#A0A0A0").css("font-family", "Arial").css("font-weight", "bold").css("color", "white").css("text-align", "center").css("font-size", "11px");
            dlg.parent().appendTo(jQuery("form:first"));
        });

        function OpenDialog() {
            $("#dialog-warning").dialog("open");
        }

        $(document).ready(function () {
            $('[outofnetwork=true]').click(function () {
                OpenDialog();
            })
        })

GridView_RowDataBound事件（添加属性以标识哪些行需要附加对话框，然后在$（document）.ready（）中使用jQuery将函数附加到打开对话框）：

else
                    {
                        e.Row.Cells[11].Style.Add("color", "#ff0000");

                        if (string.IsNullOrEmpty(ss.PhysicalServices))
                        {
                            //btn.OnClientClick = "OpenDialog();";
                            btn.Attributes.Add("outofnetwork", "true");
                        }
                    }

GridView_RowCommand事件（单击按钮后执行的代码）：

if (e.CommandName == "Navigate")
            {
                //CommandArgument comes in as XXX|YYY|ZZZ where XXX is the SiteID and YYY is the Network
                //and ZZZ is the NetworkSort value. We parse out the values by splitting the CommandArgument on the pipe symbol
                //Element 0 (zero) is the siteid and element 1 (one) is the network and element 2 (two) is the NetworkSort value.

                oEventFlow.ClinicDetails.SiteID = Convert.ToInt32(e.CommandArgument.ToString().Split('|')[0].ToString());
                oEventFlow.ClinicDetails.Network = Convert.ToInt32(e.CommandArgument.ToString().Split('|')[1].ToString());
                oEventFlow.ClinicDetails.NetworkSort = Convert.ToInt32(e.CommandArgument.ToString().Split('|')[2].ToString());

                Session[EventFlow.cEVENTFLOWSessionKey] = oEventFlow;

                //Redir(oEventFlow.SiteSelectionRedirect);

                //int selectedIndex = Convert.ToInt32(e.CommandArgument.ToString().Split('|')[3].ToString());
                //GridViewRow selectedRow = gridResults.Rows[selectedIndex];

                //if (selectedRow.Cells[11].Text != "OUT OF NETWORK")
                //{
                //    Redir(oEventFlow.SiteSelectionRedirect);
                //}
            }

希望这清楚我想要完成的事情。如果没有，请评论，我会纠正。再次感谢。

Answer 1

另一答案

jQuery对话框在屏幕上闪烁，而不是留在用户输入

preventDefault

UpdatePanel

html button