禁用 Twitter Bootstrap 模态框

Question

我查看了Bootstrap的JS指南，这段代码用于禁用Twitter的Bootstrap模态框：

$('#myModal').on('show', function (e) {
if (!data) return e.preventDefault() // stops modal from being shown
})

然而，点击模态框时，并未打开对象（在这种情况下是一张图片，使用的是Bootstrap Image Gallery：https://github.com/blueimp/Bootstrap-Image-Gallery）。它只是完全禁用了点击功能。

我也尝试过使用以下代码片段来禁用模态框库：

$(document.body).off('.modal-gallery.data-api')

但是它似乎不能禁用它。

我该如何编写jQuery代码，以便禁用模态库并使图像作为链接正常打开？（需要在移动站点中实现此代码片段，在所有脚本执行后在页脚中实现。）

- AAA

Answer 1

您可以通过删除 data-toggle="modal" 并绑定您的点击事件来禁用自动模态绑定。

$('#mybutton').click(function (e) {
  if (data) {
    e.preventDefault();
    $('#myModal').modal();
  }
});

- Seb Cesbron

Answer 2

这将仅打开图像，而不是Bootstrap模态框。

div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false" 

- Jaycbrf4