jQuery(.).draggable不是函数

Question

我正在使用在先前的这样的问题上找到的帮助创建一个带有图像的地图。

虽然使用jQuery UI的修复在JS Fiddle中运行良好，但当我在我的实际站点上尝试它时，它不起作用。相反，我得到的是

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

我把JS的内容加到我的站点上，所以问题大概在于我如何链接到jQuery/jQuery文件。

编辑:我更新了jQuery链接，使其与上面JSfiddle中使用的版本完全匹配。

<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>

这已经在另一个线程中得到了询问和回答，但是这个问题引用了jQuery工具，我不认为我正在使用这些工具。

编辑2:我可以在一个空白的HTML文件上重新创建地图，所以我想知道这是否与我当前的网站设置有关。我使用Wordpress，但不知道任何WP/jQuery特定问题。

Answer 1

我发现问题是，我只是简单地链接到jQuery用户界面，就像我在没有CMS的网站上一样。然而，随着网站是在Wordpress上构建的，我应该正确地排队脚本。

关于如何做到这一点的主题：脚本/

尽管在构建的这一阶段为了简单起见，为了澄清它是否有效，我使用了以下插件：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版本加载jqueryui，也会发生此问题。

<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>