javascript - 语义用户界面 : How to AutoClose Modal?

Question

我想要的是一个 2 秒后自动关闭的成功模式。当我使用delay()时，这并不重要。打开后立即关闭。

 $('.ui.modal.success')
    .modal('show')
    .delay(2000)
    .modal('hide');

Answer 1

jQuery 有一个效果队列，用于对元素上的动画进行排队(例如 .slideUp 或 .animate)。 .delay被视为添加到元素的效果队列中的动画，该动画在指定的时间内(在您的情况下为 2 秒)不执行任何操作。由于 .modal('hide') 不是动画，因此不会将其添加到效果队列中。也就是说，瞬间就完成了。

一种解决方案是使用 .queue 手动将其添加到效果队列中和 .dequeue :

$('.ui.modal.success')
    .modal('show')
    .delay(2000)
    .queue(function() {
        $(this).modal('hide').dequeue();
    });

如果您想了解有关 jQuery 效果的更多信息，我建议您阅读 Effects pages in the jQuery Learning Center .