基础模态内的asp按钮事件未触发

Question

我尝试为此寻求解决方案，但似乎没有任何效果。我的问题虽然很简单（所以，我认为）。

我将ASP WebForms与Foundation结合使用，并具有一个显示模式窗口，该窗口在页面加载时触发。

代码：

$(document).ready(function () { $('#myModal').foundation('reveal', 'open') });

上面的方法很好，但是，每当我在模式中放入一个ASP按钮（我正在使用的按钮btnReset，将其重定向到新页面）时，单击它都不会触发与其关联的事件。

代码：

<div id="reset">
    <div class="large-2 columns">
        <asp:Button ID="btnReset" runat="server" Text="Reset" 
                    OnClick="btnReset_Click" OnClientClick="btnReset_Click"   
                    CssClass="button small radius alert" />
    </div>
</div>

btnReset的代码：

protected void btnReset_Click(object sender, EventArgs e)
{
     HttpCookie cookie = Request.Cookies["userInfo"];
     cookie.Expires = DateTime.Now.AddDays(-1);
     Response.Cookies.Add(cookie);
     Response.Redirect("LogIn.aspx");
     //Server.Transfer("LogIn.aspx");
}

我确定我在这里丢失了一些，但是我只是为自己做错了而感到困惑。我如何获得一个ASP按钮并将其触发，当它位于模式内部时？

Answer 1

我知道这是一个月前提出的，但是我遇到了同样的问题，却发现这个问题没有解决方案。我已经在基金会论坛上找到了解决方案，并想在这里回答，以备将来参考。

此问题与基础如何添加模态有关。当您查看开发工具时，您会看到模态在被调用时是outside形式，使得asp按钮无法访问后面的代码。

这意味着我们需要将模态附加到表单上，以便按钮可以访问后面的代码。

我尝试了多种方法来使用appendTo在javascript中实现此目标，但发现最简单的方法是使基础使用根元素形式。

$(document).foundation('reveal', { rootElement: 'form' });

我在这里发现：Elena Zhdanova solution

Answer 2

没有人有适用于Elena修复程序的链接吗？？？此处的链接已重定向到基金会论坛的首页，我在他们论坛的任何位置都找不到她的条目。