回发后如何保持jquery模式打开？答案

【问题标题】：How to keep jquery modal open after postback?回发后如何保持jquery模式打开？
【发布时间】：2014-04-26 10:44:44
【问题描述】：

我有一个空的 div，我正在使用 jquery 的 LOAD 方法并从另一个 aspx 页面获取数据。它工作正常。它从该页面获取文件上传和按钮控制。现在，当我单击按钮时，我的按钮代码不会被调用并且我的对话框会关闭。

jQuery On Page1.aspx

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 模态打开？

【问题讨论】：

我用 Bootstrap Modal 做类似的事情。我所做的是向 div 添加一个数据属性（来自后面的代码，uploadButton），然后在回发后刷新页面时，我让 jQuery 搜索属性并弹出模式。
您能告诉我如何执行此操作吗？我尝试了所有该死的东西，但没有一个起作用:(
查看这个答案：stackoverflow.com/a/59730/335905

标签： c# jquery html asp.net

【解决方案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>

现在在按钮点击事件后面调用你的代码。

【讨论】：