4

マップでマウスのスクロールホイールのスケーリングを無効にしようとしましたが、うまくいかないようです (以前はうまくいったと確信していますが、何かが変わった可能性があります)。

とにかく、ユーザーが地図マーカーをクリックすると表示されるカスタム情報ウィンドウがあり、スクロールバーが表示されるほどのコンテンツがある場合があります。人々がスクロールすると、情報ウィンドウのコンテンツがスクロールし、マップが同じままであることを確認したいと考えています。

私のコード(コーヒースクリプト):

# Disable map Dragging when cursor enters infoBox div
$(document).on "mouseenter", ".infobox-content", () ->
  googleMap.setOptions( {draggable:false, scrollwheel:false} )

$(document).on "mouseleave", ".infobox-content", () ->
  googleMap.setOptions( {draggable:true, scrollwheel:true} )

適切なときにイベントが発生し、イベントが適切に設定されていることを確認しましたが、それでも機能しません。

私がやっていることを正確に行うように指示する他の同様の質問:

4

2 に答える 2

2

これは私にとってはうまくいきます(FF、Chrome):

infowindow.open(map, marker);
$('.gm-style-iw').on('wheel', function (e) {
    e.stopPropagation();
});

呼び出すたびに eventlistener をバインドする必要がありますinfowindow.open();

于 2017-01-04T16:20:03.193 に答える
0

それが解決策かどうかはわかりませんが、修正されたようです。

の gem バージョンを指定していませんでしたjquery-railsが、jQuery のバージョンが 1.9 になっていることに気付きました。バージョンを に指定した後~> 2.1.4、jQuery は 1.8 に修正され、私の問題は解消されました。

于 2013-01-22T15:06:50.973 に答える