2

現在モーダル ギャラリーを次の画像に移動しているマウス ホイール ハンドラーとキーボードの矢印キーを無効にするにはどうすればよいですか?

デモ サイトは次のとおりです: http://blueimp.github.com/Bootstrap-Image-Gallery/。

画像の 1 つをクリックするとモーダル ポップアップが表示され、マウスを使用して下にスクロールするか矢印キーを押すと、次の画像に移動します。ユーザーが実際のナビゲーションボタンをクリックすることしかできず、モーダルを下にスクロールしてもっと見るという事故を防ぎ、意図しないときに次の画像に移動できるようにしたいと思います。

4

2 に答える 2

1

私が考えることができる最も簡単な方法は、コードを自分でホストしている場合です-ハンドラーはbootstrap-image-gallery.jsです：

  • 235 行目の keyHandler

  • 249 行目の wheelHandler

それらは prev() と next() のみを行うので、その機能が必要ない場合は、コメントアウトするだけでよいと思います...

于 2013-01-10T16:25:07.667 に答える
0

Bootstrap Image Gallery によって作成されたマウスホイールとキーダウン イベント ハンドラーのバインドを解除します。 

$(function() { 
  $('#modal-gallery').on('beforeLoad', function() {
    $(document)
      .off('mousewheel.modal-gallery')
      .off('DOMMouseScroll.modal-gallery')
      .off('keydown.modal-gallery');
    });
});
于 2013-03-29T03:34:41.637 に答える