3秒后基金会关闭警报

Question

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

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

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

我试过

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

找到注册的处理程序，也许找到用动画等关闭警报的方法，但没有运气。我也尝试过FireQuery插件，但也没有做到这一点。

我希望有一些方法可以关闭像

这样的提醒

Foundation.alert.close(jQuery object)

或者你可以用什么来帮我解决这个问题？

Answer 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")

Answer 2

感谢分享！这正是我寻找的。

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

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