回發后如何保持jQuery模式打開？

Question

我有一個空的div，並且我正在使用jQuery的LOAD方法並從另一個aspx頁面獲取數據。 它工作正常。 它從該頁面獲取文件上傳和按鈕控制。 現在，當我單擊按鈕時，我的按鈕代碼沒有被調用，並且對話框關閉。

Page1.aspx上的jQuery

var checkP = $('#<%= productName.ClientID %>').val();
checkP = checkP.replace(/\ /g, '-');
$("#midDiv").load("UploadImages.aspx?prodName=" + checkP + " #midDiv");
$("#midDiv").dialog();
//It Shows Dialog With File Upload Option & Button Option.

Page1.aspx

 <div id="midDiv">

</div>

Page2.aspx

<div id="midDiv">     
<asp:FileUpload ID="productsImages" CssClass="hid" runat="server" />     
  <asp:Button ID="Button1" runat="server" OnClick="uploadImageTemp" Text="Button" />      
</div>

Page2.aspx.cs //后面的代碼

protected void uploadImageTemp(object sender, EventArgs e)
{
    //Some Work Here...
}

有什么方法可以調用我的按鈕代碼，還是有什么方法可以保持jQuery模式打開？

Answer 1

以如下形式添加對話框。

var checkP = $('#<%= productName.ClientID %>').val();
checkP = checkP.replace(/\ /g, '-');
$("#midDiv").load("UploadImages.aspx?prodName=" + checkP + " #midDiv");
$("#midDiv").dialog().parent().appendTo($("form:first"));

將您的按鈕控件更改為鏈接按鈕控件。

<div id="midDiv">     
<asp:FileUpload ID="productsImages" CssClass="hid" runat="server" />     
  <asp:LinkButton ID="Button1" runat="server" OnClick="uploadImageTemp" Text="Button" />      
</div>

現在，在按鈕單擊事件后面調用您的代碼。