防止引导模式从消失时点击外面或按下逃生?

我使用Twitter引导模式作为向导窗口，并希望防止用户在模式外单击或按下escape时关闭它。相反，我希望它在用户按下完成按钮时关闭。我如何实现这个场景?

当前回答

如果使用JavaScript，那么:

$('#myModal').modal({
    backdrop: 'static',
    keyboard: false
})

在show的情况下

$('#myModal').modal({backdrop: 'static', keyboard: false}, 'show');

或HTML:

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">

2013-04-22 20:11:15

其他回答

您可以使用下面的代码

$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';

更改默认行为。

2015-08-19 21:06:23

<div class="modal show">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">     

    <h4 class="modal-title">Modal title</h4>
     </div>
     <div class="modal-body">
      <p>One fine body&hellip;</p>
  </div>

  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

我觉得这个密码本可以帮到你防止模态关闭CSS和引导

2017-01-22 07:36:07

你应该使用背景静态，键盘假。可以使用jQuery关闭按钮，也可以从modal html中删除。希望这对你有所帮助。

 $('#MyModal').modal({ backdrop: 'static', keyboard: false });
    $('#MyModal .close').css('display','none');

2019-04-15 08:47:55

下面的脚本适合我:

// prevent event when the modal is about to hide
$('#myModal').on('hide.bs.modal', function (e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});

2017-07-12 05:03:55

<button class="btn btn-primary btn-lg" data-backdrop="static" data-keyboard="false" data-target="#myModal" data-toggle="modal">

2016-10-26 06:14:18

防止引导模式从消失时点击外面或按下逃生?

推荐文章

最新文章

标签