在 jquery 对话框中使用 Asp 按钮答案

【问题标题】：Using Asp button in jquery dialog在 jquery 对话框中使用 Asp 按钮
【发布时间】：2012-07-23 15:49:07
【问题描述】：

当我在模态设置为“true”的 jquery 对话框中使用 Asp 按钮时，我的代码出现问题。

这是我的代码：

$(document).ready(function () {
var dlg = $("#mws-jui-dialog").dialog({
    autoOpen: false,
    title: "Delete",
    modal: true,
    width: "640",
    minHeight : 160,
    minWidth : 170
});
dlg.parent().appendTo(jQuery("form"));

$("#btnDelete").bind("click", function (event) {
    $("#mws-jui-dialog").dialog("option", { modal: true}).dialog("open");
    event.preventDefault();
});
$("#btnClose").bind("click", function (event) {
    $("#mws-jui-dialog").dialog("close");
    event.preventDefault();
});
});

在我的 aspx 页面上：

asp:Button runat="server" ID="bidon" CssClass="mws-button green" OnClick="DeleteButton_Click" Text="Yes"

在我的cs上：

protected void DeleteButton_Click(object sender, EventArgs e)
{
   Response.Redirect("mypage.aspx");
}

当我将 modal 设置为 false 时，它工作正常，但据我所知，modal 禁用了我页面上的项目，我正在寻找一种在 modal 为 true 时使用我的 asp 按钮的方法（或者只是另一种方法修复它）。

【问题讨论】：

您错误地指的是您的按钮...它应该被称为 $('.mws-button green') 而不是 $('#mws-button green')。请指正。
我试过了，但还是有同样的问题，有什么想法吗？
你能从#mws-jui-dialog发布标记吗？

标签： c# jquery asp.net dialog

【解决方案1】：

我知道你的问题是几个月前的问题，但如果我理解正确的话......在你的mws-button green CSS 课程中。包括z-index: 属性并将其设置为1000。这将确保您的按钮位于模态 bkgd 的顶部。

.mws-button green
{
    z-index: 1000;
}

如果这有帮助，请告诉我。

【讨论】：