javascript - 使用 SlideUp AngularJs 和 Bootstrap 让警报重新出现

Question

我的场景是:我有一个文件 uploader ，用户只能选择一些预定义的格式。问题是，如果用户选择禁止的扩展名，我想显示一条警报，表明他选择了无效文件。问题是，在我调用 SlideUp 并尝试再次显示警报后，它永远不会显示。

我的js:

$('#testBtn').click(function(){
$(".alert").show();
  window.setTimeout(function() {
    $(".alert").fadeTo(1500, 0).slideUp(500, function(){
   });
}, 5000);
});

当然，我不是通过按钮触发该事件，而是通过 uploader 本身的“wrongExtension”事件触发该事件。

我正在使用 bootstrap、AngularJS 和 Jquery。这是模拟问题的 fiddle :fiddle

提前致谢!

Answer 1

您需要将 .alert 元素的不透明度从 0 重置为 1，因为它是由 fadeTo 设置的>:

$(".alert").fadeTo(1500, 0).slideUp(500, function(){
    $(this).css({'opacity': 1});
});

Fork of your Fiddle