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