2012-07-23 28 views
0

當我在模式設置爲「true」的jquery對話框中使用Asp按鈕時,我的代碼出現問題。在jQuery對話框中使用Asp按鈕

這裏是我的代碼:

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

當我設置模式,以假它工作正常,但正如我所理解的那樣帽子模態禁用我的網頁上的項目,我正在尋找一種方式來使用我的ASP按鈕,當模態是真實的(或只是另一種方式來解決它)。

+2

你錯誤地指的是你的按鈕......它應該被稱爲$('。mws-button green')而不是$('#mws-button green')。請糾正。 – Shant 2012-07-23 15:54:01

+0

我試過這個,但仍然有同樣的問題,任何想法? – Manu 2012-07-25 13:21:49

+0

你可以發佈'#mws-jui-dialog'的標記嗎? – Gromer 2012-09-27 18:44:43

回答

0

我知道你的問題是幾個月大,但如果我理解正確......在你的mws-button green CSS類。包括z-index:屬性並將其設置爲1000。這將確保您的按鈕位於模式bkgd的頂部。

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

讓我知道這是否有幫助。