jquery - 禁用 Twitter Bootstrap 模式

Question

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

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

但是，单击模式后，它不会打开对象（在这种情况下，使用 Bootstrap 图像库的图像：https ://github.com/blueimp/Bootstrap-Image-Gallery ）。它只是完全禁用点击功能。

我也试过这个片段来禁用模态库：

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

但它似乎并没有禁用它。

我将如何编写 jQuery 以便禁用模态库并定期打开图像作为链接？（在执行所有脚本之后，我需要此代码段用于将在页脚中实现的移动网站。）

score 4 · Accepted Answer

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

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

score 0 · Accepted Answer

这只会打开没有引导模式的图像。

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

2 回答 2