가로형 마우스 휠 스크롤 맵 JQuery와의 충돌

마우스 휠을 사용하여 페이지의 바닥 글 섹션을 가로로 스크롤하는 웹 페이지를 디자인하고 있습니다. Esri 라이브러리와 수평 마우스 버튼 스크롤을 제어하기 위해 찾은 JQuery 스크립트간에 충돌이있는 것으로 보입니다. 아무도 이것에 대해 어떤 경험이 있습니까?가로형 마우스 휠 스크롤 맵 JQuery와의 충돌

당신은 바이올린, 내가 "스크롤"사업부에서 spefically 찾기 위해 마우스 휠 기능을 설정하려고 것을에 볼 수 있지만에서 권장 또한 "*"글로벌 추가됩니다로서 기능

을 보여줍니다

JS Fiddle 다른 스레드.

$(function() { 

    $("Scrolling, *").mousewheel(function(event, delta) { 

     this.scrollLeft -= (delta * 30); 

     event.preventDefault(); 

    }); 

});

출처

2014-11-20 BretW

귀하의 바이올린 링크 :이 솔루션이 포함되어 있습니다. 대신 소스에 연결해야합니다. http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js –

감사합니다. Rick - 원본을 업데이트했습니다.지도는 그렇지 않습니다. 심지어 지금로드! http://jsfiddle.net/bretwhiteley/x8h2j2zf/2/. 어떤 생각? – BretW

나는 똑같은 것을 알아 차렸다. 그러나 이것은 잠재적 갈등을 보여줍니다. 아마도 스크립트의 순서를 변경하는 것이 효과적 일 것입니다. –

당신이 당신의 JQuery와 선택기에서 오류를 가지고있는 것처럼 당신이

그것은 (대답은 릭 히치콕에 의해 제공되었다이

$("#Scrolling, *")

출처

2014-11-20 14:17:03 ZarX

좋은 전화 - 고마워. 그러나 문제를 해결하지 못했습니다! – BretW

과 같아야 스크롤 ID 앞에 #을 추가하는 것을 잊었다 보인다 위의 주석 참조).

스크립트가 포함 된 순서가 문제입니다. * 설치 * JQuery와 - 마우스 휠의 Github에서 페이지 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">

출처

2014-11-20 19:35:13 BretW

가로형 마우스 휠 스크롤 맵 JQuery와의 충돌

답변

관련 문제