禁用Twitter Bootstrap模式

时间:2012-07-27 07:30:37

标签: jquery twitter-bootstrap

我已经看过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以便禁用模态库并定期打开图像作为链接? (在执行完所有脚本之后,我需要这个将在页脚中实现的移动网站的代码段。)

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:0)

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

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