我尝试在页面上的一些div上使用可拖动效果,但无论何时加载页面,我都会收到错误消息:
Error: $(".draggable").draggable is not a function
我到处看了看,似乎其他人也有这个问题,因为他们没有包含jQuery UI javascript文件,但我肯定有。
下面是我的页面的head标签:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
有人能给出一个解决方案吗?
任何建议都很感谢。
谢谢。
快速编辑,我也有jquery工具js包括在页面的头部,如果我删除它的工作正常。有没有人能让这两个一起工作?
发布于 2015-01-29 12:44:08
发生这种情况的一个常见原因是在加载jquery之后没有加载jqueryui。
例如:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
编辑。将每个库的版本号替换为jquery和jqueryui的适当值或最新值。
如果这不能解决问题,请查看许多其他答案中的建议。
发布于 2014-03-19 23:03:56
问题发布4年后,但它可能会帮助其他遇到这个问题的人。答案也发布在StackExchange上的其他地方,但我丢失了链接,很难找到。
答:在jQueryTOOLS中,如果你使用默认下载,jQuery‘核心’也是嵌入的。
当你加载jQuery和jQuery工具时,jQuery核心被定义了两次,并将“取消设置”任何插件。‘'Draggable’(来自jQuery-UI)就是这样一个插件。
解决方案是在没有jQuery“核心”文件的情况下使用jQuery工具,一切都会正常工作。
发布于 2018-01-31 18:39:43
使用npm
npm install --save jquery-ui-dist
或yarn
在你的应用程序代码中yarn add jquery-ui-dist
import 'jquery-ui-dist/jquery-ui';
或
require('jquery-ui-dist/jquery-ui');
https://stackoverflow.com/questions/2895894
复制相似问题