回发后如何保持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>

现在，在按钮单击事件后面调用您的代码。