如何自动隐藏jquery揭示插件

我正在使用jQuery揭示插件 。 如何在5秒内设置自动隐藏？

Answer 1

你应该只需要一个简单的计时器 。 这是解决问题所需的代码行：

setTimeout(function(){ $('#myModal').trigger('reveal:close'); }, 5000) 

这里是打开模态的完整代码，并在打开后自动关闭5秒：

 $('.button').on('click', function(){ $('#myModal').reveal() setTimeout(function(){ $('#myModal').trigger('reveal:close'); }, 5000) }); 

作为画龙点睛，这里的function更清晰地抽象为一个function：

 $('.button').on('click', function(){ $('#myModal').reveal(); delayedHideModal('#myModal', 5) }); function delayedHideModal(selector, sec){ setTimeout(function(){ $(selector).trigger('reveal:close'); }, sec*1000) }