jQuery (...). draggable은 (는) 함수가 아닙니다.

Question

previous SO question에서 찾은 도움말을 사용하여 이미지가있는지도를 만들고 있습니다.

jQuery UI를 사용하는 픽스는 JS Fiddle에서 정상적으로 작동하지만 실제 사이트에서 시도하면 작동하지 않습니다. 대신, 내가 무엇을 얻을 그래서 아마 문제가 내가 jQuery를 /의 jQuery UI 파일에 링크하고 있습니다 방법으로 자리 잡고, 말 그대로 바이올린을 그 내용을 JS 복용하고 내 사이트에 추가 해요

jQuery.Deferred exception: jQuery(...).draggable is not a function 
TypeError: jQuery(...).draggable is not a function 

입니다.

EDIT : 위의 JSfiddle에서 사용 된 버전과 정확하게 일치하도록 jQuery 링크를 업데이트했습니다.

<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> 

이 이미 요청되었으며 another thread에 대답하지만 문제는 내가 사용하고 믿지 않는 jQuery를 도구를 참조합니다.

편집 2 : 빈 HTML 파일에서지도를 다시 만들 수 있으므로 현재 웹 사이트 설정과 관련이 있는지 궁금합니다. 저는 Wordpress를 사용하고 있습니다 만, WP/jQuery UI의 특정 이슈는 모르고 있습니다.

Answer 1

나는 문제가 단순히 내가 웹 사이트에서와 같이 일반적으로 jQuery를 UI에 연결하는 것을 것을 발견했습니다 CMS없이. 그러나 Wordpress를 기반으로 구축 된 사이트에서 스크립트를 올바르게 대기시켜야했습니다. 귀하의 웹 사이트가 HTTPS를 통해 게시 된 경우 https://wordpress.org/plugins/enqueue-me/

Answer 2

jQuery(document).ready(function() { 
 
    jQuery("#map").draggable(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<div id="range"> 
 
    <img src="https://d30y9cdsu7xlg0.cloudfront.net/png/127459-200.png" id="map" /> 
 
</div>

을 시도해보십시오이

This issue will also occur if you don't load jqueryui according to jquery version

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>