首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery UI - Draggable不是函数吗?

jQuery UI - Draggable不是函数吗?
EN

Stack Overflow用户
提问于 2010-05-24 17:17:25
回答 17查看 134.7K关注 0票数 62

我尝试在页面上的一些div上使用可拖动效果,但无论何时加载页面,我都会收到错误消息:

代码语言:javascript
运行
复制
Error: $(".draggable").draggable is not a function

我到处看了看,似乎其他人也有这个问题,因为他们没有包含jQuery UI javascript文件,但我肯定有。

下面是我的页面的head标签:

代码语言:javascript
运行
复制
<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包括在页面的头部,如果我删除它的工作正常。有没有人能让这两个一起工作?

EN

回答 17

Stack Overflow用户

发布于 2015-01-29 12:44:08

发生这种情况的一个常见原因是在加载jquery之后没有加载jqueryui。

例如:

代码语言:javascript
运行
复制
<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>

编辑。将每个库的版本号替换为jqueryjqueryui的适当值或最新值。

如果这不能解决问题,请查看许多其他答案中的建议。

票数 64
EN

Stack Overflow用户

发布于 2014-03-19 23:03:56

问题发布4年后,但它可能会帮助其他遇到这个问题的人。答案也发布在StackExchange上的其他地方,但我丢失了链接,很难找到。

答:在jQueryTOOLS中,如果你使用默认下载,jQuery‘核心’也是嵌入的。

当你加载jQuery和jQuery工具时,jQuery核心被定义了两次,并将“取消设置”任何插件。‘'Draggable’(来自jQuery-UI)就是这样一个插件。

解决方案是在没有jQuery“核心”文件的情况下使用jQuery工具,一切都会正常工作。

票数 38
EN

Stack Overflow用户

发布于 2018-01-31 18:39:43

  1. Install jquery-ui-dist

使用npm

npm install --save jquery-ui-dist

yarn

在你的应用程序代码中yarn add jquery-ui-dist

  • Import它

import 'jquery-ui-dist/jquery-ui';

require('jquery-ui-dist/jquery-ui');

票数 26
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2895894

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档