在jquery对话框中使用Asp按钮

时间:2012-07-23 15:49:08

标签: c# jquery asp.net dialog

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

这是我的代码:

的js

$(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");
}

当我将模态设置为false时它工作正常但是因为我已经理解模态禁用项目在我的页面上,我正在寻找一种方法来使用我的asp按钮当模态是真的(或只是另一种方式到修复它。)

1 个答案:

答案 0 :(得分:0)

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

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

如果有帮助,请告诉我。