Question

我已经尝试过为此寻找解决方案，但似乎没有什么对我有用。我的问题非常简单（所以，我认为）。

我在asp webforms中使用基础，并且在页面加载时会触发一个显示模式窗口。

代码：

$(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

我知道这是在一个月前被问到的，但我遇到了同样的问题，发现这个问题没有解决方案。我在基金会论坛上找到了解决方案，并认为我会在这里回答它以供将来参考。

这个问题与基金会如何添加你的模态有关。当你查看你的开发工具时，你会看到模态，当被调用时，在外面表单使得asp按钮无法访问后面的代码。

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

我尝试了几种不同的方法来使用appendTo在javascript中实现这一点，但发现最简单的方法是make基础使用根元素表单。

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

我在这里找到了：Elena Zhdanova solution

Answer 2

对于任何新遇到此问题的人，您现在可以将其添加到显示模式中，并且Webforms按钮将在模式内部按预期工作。

data-append-to="form"

文档为here。并归功于Lars Jensen在帖子here

底部的旧论坛帖子

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

2 个答案: