3 秒后基金会关闭警报答案

【问题标题】：Foundation close alerts after 3 seconds3 秒后基金会关闭警报
【发布时间】：2015-08-28 20:12:40
【问题描述】：

我想在 3 秒后关闭页面上的所有警报框项目。我可以这样做

window.setTimeout ( ->
    $('.alert-box').remove()
    return
), 3000

但这与单击警报中的 x 按钮不同。它没有动画。因为它已经写在某个地方，我不想重写它。

我试过了

$('.alert-box').data('events')

找到已注册的处理程序，并可能找到用动画等关闭警报的方法，但没有运气。我也尝试了 FireQuery 插件，但是，它也没有完成这项工作。

我希望有一些方法可以关闭警报，例如

Foundation.alert.close(jQuery object)

或者你能帮我解决这个问题吗？

【问题讨论】：

【解决方案1】：

如果您的警报框有一个关闭的锚元素，您可以尝试这样做：

$(".alert-box a.close").click();

这或多或少是official tests do。但是，这似乎不是很可靠。 The code 实际上是在“[alert] a.close”上收听“click.fndtn.alert”。

$(".alert-box a.close").trigger("click.fndtn.alert")

【讨论】：

【解决方案2】：

感谢分享！这正是我要找的。p>

为了使关闭更加用户友好，我添加了 $(".alert-box").slideUp(); 即结果代码：

$(document).ready ->
  window.setTimeout ( ->
      $(".alert-box").slideUp();
      $(".alert-box a.close").click();
      return
  ), 15000

【讨论】：