jquery - blueimp 的引导图像库：如何禁用轮子处理程序和键盘处理程序

Question

如何禁用当前将模态库导航到下一个图像的鼠标滚轮处理程序和键盘箭头键？

这是演示站点：http ://blueimp.github.com/Bootstrap-Image-Gallery/ 。

如果您单击其中一个图像，则会弹出一个模式，并且如果您使用鼠标向下滚动或按箭头键，它将转到下一个图像。我希望用户只能单击实际的导航按钮，并防止向下滚动模式以查看更多内容的任何意外，而是在意外时转到下一个图像。

Answer 1

我能想到的最简单的方法是，如果您自己托管代码 - 处理程序是 bootstrap-image-gallery.js：

• 第 235 行的 keyHandler

• 第 249 行的 wheelHandler

那些只做 prev() 和 next() 所以如果你不想要那个功能你可以把它注释掉我猜......

Answer 2

取消绑定由 Bootstrap Image Gallery 创建的 mousewheel 和 keydown 事件处理程序

$(function() { 
  $('#modal-gallery').on('beforeLoad', function() {
    $(document)
      .off('mousewheel.modal-gallery')
      .off('DOMMouseScroll.modal-gallery')
      .off('keydown.modal-gallery');
    });
});