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のツールを、参照されています。

EDIT 2：空白のHTMLファイルで地図を再作成できるので、現在のウェブサイトの設定と関係があるのだろうかと思っています。私はWordpressを使用していますが、WP/jQueryのUI固有の問題は認識していません。

Answer 1

をお試しくださいCMSなし。しかし、Wordpressで構築されているサイトでは、スクリプトを正しくエンキューする必要がありました。私はこのプラグインを使用したビルドのこの段階の間に簡単にするためにhttps://developer.wordpress.org/reference/functions/wp_enqueue_script/

ものの、それが動作することを明確にする、：：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>

私は問題は私がウェブサイト上と同じように、私は単に通常のjQuery UIにリンクしていることであることがわかってきました。この

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>