twitter-bootstrap – 仅当用户点击关闭图像时如何关闭Bootstrap模式?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 仅当用户点击关闭图像时如何关闭Bootstrap模式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
用户点击关闭btn时,我想关闭模式。正如我所看到的,我需要从modal.js覆盖这部分代码
hide: function (e) {
    e && e.preventDefault()

    var that = this

    e = $.Event('hide')//if I delete this line modal won't hide

    this.$element.trigger(e)

    if (!this.isShown || e.isDefaultPrevented()) return

    this.isShown = false

    $('body').removeClass('modal-open')

    escape.call(this)

    this.$element.removeClass('in')

    $.support.transition && this.$element.hasClass('fade') ?
      hideWithTransition.call(this) :
      hideModal.call(this)

我在正确的道路上吗?

解决方法

当您启动您的模式时,您可以传递选项:
{
  keyboard: false,backdrop: 'static'
}

这将禁用通过单击背景关闭模态和转义按钮。或者它们可以设置为数据属性

原文链接:https://www.f2er.com/bootstrap/234348.html

猜你在找的Bootstrap相关文章