如何自动隐藏jquery揭示插件

Question

我正在使用jQuery reveal plugin。如何设置自动隐藏，例如在5秒内？

Answer 1

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

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

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

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

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

$('.button').on('click', function(){
  $('#myModal').reveal();
  delayedHideModal('#myModal', 5)
});

function delayedHideModal(selector, sec){
  setTimeout(function(){ $(selector).trigger('reveal:close'); }, sec*1000)
}