jQuery(…).Dragable不是一个函数

jQuery(…).Dragable不是一个函数,jquery,wordpress,jquery-ui,Jquery,Wordpress,Jquery Ui,我正在使用我在地图上找到的帮助创建一个带有图像的地图 虽然使用jQueryUI的修复程序在中运行良好,但当我在实际站点上尝试时,它就不起作用了。相反,我得到的是 jQuery.Deferred exception: jQuery(...).draggable is not a function TypeError: jQuery(...).draggable is not a function 我实际上是在获取JS文件的内容并将其添加到我的站点,所以问题大概在于我如何链接到jQuery/jQu

我正在使用我在地图上找到的帮助创建一个带有图像的地图

虽然使用jQueryUI的修复程序在中运行良好,但当我在实际站点上尝试时,它就不起作用了。相反,我得到的是

jQuery.Deferred exception: jQuery(...).draggable is not a function
TypeError: jQuery(...).draggable is not a function
我实际上是在获取JS文件的内容并将其添加到我的站点,所以问题大概在于我如何链接到jQuery/jQuery UI文件

编辑:我已经更新了jQuery链接,使之与上面JSFIDLE中使用的版本完全匹配

<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 UI特定的问题。

jQuery(文档).ready(函数(){
jQuery(“#map”).draggable();
});

jQuery(文档).ready(函数(){
jQuery(“#map”).draggable();
});

我发现问题在于,我只是正常地链接到jQuery UI,就像在没有CMS的网站上一样。然而,由于该站点是在Wordpress上构建的,我本应该正确地将脚本排队

Wordpress关于如何执行此操作的主题:


尽管在构建的这一阶段为了简单起见,为了澄清它的工作原理,我使用了这个插件:

我发现问题在于我只是正常地链接到jQuery UI,就像在没有CMS的网站上一样。然而,由于该站点是在Wordpress上构建的,我本应该正确地将脚本排队

Wordpress关于如何执行此操作的主题:



虽然在构建的这个阶段为了简单起见,为了澄清它是否有效,我使用了这个插件:

如果您的网站是通过HTTPS发布的,请仅使用HTTPS引用外部资产(脚本、css等)。您可以通过HTTPS使用jquery,通过HTTP@beaver谢谢,目前该站点实际上是使用MAMP本地存储的。但是其他需要jQuery的元素运行正常。在您的站点代码中,jQuery是第一个脚本吗?@beaver是的,jQuery首先紧接着jQuery UI。然后是bootstrap等等。我认为你的网站有更多的内容,包括
jquery.js
jquery ui.js
(或
min.js
),两次包含
jquery
)会导致这个问题。在浏览器中检查您的js文件。如果您的网站是通过HTTPS发布的,请仅使用HTTPS引用外部资产(脚本、css等)。您可以通过HTTPS使用jquery,通过HTTP@beaver谢谢,目前该站点实际上是使用MAMP本地存储的。但是其他需要jQuery的元素运行正常。在您的站点代码中,jQuery是第一个脚本吗?@beaver是的,jQuery首先紧接着jQuery UI。然后是bootstrap等等。我认为你的网站有更多的内容,包括
jquery.js
jquery ui.js
(或
min.js
),两次包含
jquery
)会导致这个问题。在浏览器中签入你的js文件。谢谢,但这对我不起作用。我已经更新了这个问题,以强调我现在已经更改了jQuery和jQueryUI版本,以完全复制JSFIDLE,正如我们所知道的那样。但我还是无法复制。谢谢你的持续努力。虽然我很感谢您重新创建它,但当我尝试在我的页面上实现它时,它仍然不起作用。
TypeError:jQuery(…)。draggable不是一个函数
请您解释一下您的意思,这不是我们已经有的吗?谢谢,但这对我来说不起作用。我已经更新了这个问题,以强调我现在已经更改了jQuery和jQueryUI版本,以完全复制JSFIDLE,正如我们所知道的那样。但我还是无法复制。谢谢你的持续努力。虽然我很感谢您重新创建它,但当我尝试在我的页面上实现它时,它仍然不起作用。
TypeError:jQuery(…).draggable不是一个函数
请您解释一下您的意思,这不是我们已经有的吗?感谢添加了适当的标记“wordpress”,这在这种情况下非常重要感谢添加了适当的标签“wordpress”,这在这种情况下非常重要