javascript - 在 OpenCart 中自动隐藏警报消息

Question

我正在尝试自动隐藏OpenCart version 2.3.0.2中的ajax警报消息但我无法让它正常工作。我在模板的头文件中添加了下面的代码，这样我就可以在 5 秒后隐藏 .alert div:

setTimeout(function() {
    $(".alert").hide("slide", { direction: "right" }, 150);
}, 5000); 

它工作正常，但仅适用于触发的第一个警报，我必须重新加载/刷新页面才能使隐藏脚本再次工作!

我做错了什么？

Answer 1

tl;dr 您必须迭代 $(".alert") 返回的数组。

See this CodePen

此外，您不应该在 DOM 加载后使用 setTimeout 来触发回调； jQuery 有 $(document).ready() 来实现这一点。

JavaScript

$(document).ready(function(){
  $(".alert").each(function(){
    $(this).hide();
  })
});