如何在会话超时时关闭所有活动的引导程序模式?

jef*_*ner 41 javascript jquery modal-dialog twitter-bootstrap

我需要在用户空闲时拨打电话并通过会话时间,这将关闭所有Bootstrap模式.活跃的模态取决于用户当时正在做什么,所以我想做一些全面的事情.

我试过了:

$('.modal').modal('toggle');
Run Code Online (Sandbox Code Playgroud)

当超时发生但我的模态仍在那里.

小智 97

使用以下代码:

$('.modal').modal('hide');
Run Code Online (Sandbox Code Playgroud)

此外,如果你想隐藏模态,那么你可以这样做:

$('.modal').on('hidden', function () {
  // write your code
});
Run Code Online (Sandbox Code Playgroud)

  • 稍微好一点:`$('.modal.in').modal('hide')`.无需针对封闭模态. (12认同)
  • ..因为使用`toggle`将显示你隐藏的模态并隐藏你显示的模态. (3认同)

Tom*_*ugh 13

正确答案缺少一些重要的东西.

$('.modal').modal('hide') // closes all active pop ups.
$('.modal-backdrop').remove() // removes the grey overlay.
Run Code Online (Sandbox Code Playgroud)

如果您希望用户正常使用该页面,则第二行至关重要.