水平鼠标滚轮滚动与地图 JQuery 冲突

Question

我正在设计一个网页，页面的页脚部分是使用鼠标滚轮水平滚动的。Esri 库和我发现用于控制水平鼠标按钮滚动的 JQuery 脚本之间似乎存在冲突。有人对此有任何经验吗？

显示功能的JS小提琴

正如您将在该小提琴上看到的那样，我尝试将鼠标滚轮功能设置为专门查看"滚动"Div，但也添加了其他线程中建议的全局"*"。

$(function() {
   $("Scrolling, *").mousewheel(function(event, delta) {
      this.scrollLeft -= (delta * 30);
      event.preventDefault();
   });
});

Answer 1

似乎您的 jquery 选择器中有一个错误，您忘记在滚动 ID 之前添加 #

它应该看起来像这样

$("#Scrolling, *")

Answer 2

答案是由里克·希区柯克提供的（见上面的评论）。

包含脚本的顺序是问题所在。 这包含解决方案：jsfiddle.net/d0kb3dLj

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js"></script>
<script src="http://js.arcgis.com/3.8/init.js"></script>
<link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">