jquery - WebForms 中的 fancybox2 不会触发按钮单击

Question

我有一个自定义控件，它已在主页的隐藏 div 中注册。在页面加载时，我显示一个模式窗口(fancybox 2)，其内容是具有隐藏 div 的窗口。

我的问题是这个控件有一个按钮，但它不会从 fancybox 中触发。

我试过这个Fancybox - ASP.NET button not working但什么都没有改变。

有人知道如何解决这个问题吗？更好的方法是在不修改 fancybox.js 的情况下进行修复。

放置控件的代码

<a href="#inline" style="display: none" id="trigerButton"></a>
<div id="inline" style="display: none; width: 500px;">
    <asp:PlaceHolder runat="server" ID="PhCtrl"></asp:PlaceHolder>
</div>

来自代码隐藏

var ctrlName = LoadControl("~/Path/control.ascx");
ctrlName.ID="ctrlID";
PhCtrl.Controls.Add(ctrlName);
var sb = new StringBuilder();
sb.Append("$(document).ready(function() {");
sb.Append("$('#trigerButton').fancybox({modal:true}).trigger('click');");
sb.Append("$('#clickNo').click(function(){$.fancybox.close(true)});");
sb.Append("});");
ClientScript.RegisterStartupScript(typeof(T), "_script", sb.ToString(), true);

自定义控件

它有一个按钮，但这个按钮不触发

<asp:Button runat="server" ID="Button1" Text="Upgrade" OnClick="Button1_click" />
  protected void Button1_click(object s,EventArgs e)
    {
        //Do something 
    }

如有任何建议，我将不胜感激

谢谢

解决方案

尽管我替换了所有内容，但在不编辑 fancybox.js 的情况下我无法找到解决方案

appendTo('body')

与

appendTo('form:first')

Answer 1

出现此问题的主要原因是 funcybox 正在对 DOM 结构进行修改，以便制作对话框并将其放置在页面中的某个位置。

在您的情况下，问题可能是最终呈现的控件将最终输入按钮放置在 asp.net 表单之外，这就是为什么甚至没有被触发的原因。

更新

我在类似的盒子上发现了类似的问题。该解决方案也可能适用于此

它使用以下方式在表单中添加对话框创建

jQuery('#dialogof').appendTo('form');

ASP.NET Form Fields Not POSTing from colorbox