使用较新的JQuery 3.3 (使用JQuery UI触摸键)时，JQuery UI Draggable失败
当使用较新的JQuery 3.3版本（使用JQuery UI触摸键）时，JQuery UI Draggable失败可能是由于以下原因导致的：
- 版本兼容性问题：JQuery UI Draggable插件可能不兼容JQuery 3.3版本。在JQuery的更新版本中，可能会引入一些改变，导致旧版本的插件无法正常工作。解决此问题的方法是使用与JQuery 3.3兼容的JQuery UI版本，或者寻找其他替代的拖拽插件。
- 错误的使用方式：JQuery UI Draggable插件需要正确的HTML结构和相应的初始化代码才能正常工作。请确保已正确引入JQuery、JQuery UI和JQuery UI Draggable插件，并按照官方文档提供的方式进行初始化和配置。
- 依赖关系问题：JQuery UI Draggable插件可能依赖其他JQuery UI组件或库。请确保所有相关的依赖项都已正确引入，并按照官方文档提供的顺序进行加载。
- 其他冲突或错误：JQuery UI Draggable失败可能还与其他因素有关，例如其他已加载的插件或自定义代码中的错误。建议使用浏览器的开发者工具（如Chrome开发者工具）检查控制台中是否有任何错误信息，并逐步排除可能的问题。
对于JQuery UI Draggable插件的替代方案，可以考虑使用HTML5的原生拖放功能或其他第三方拖拽插件，如Interact.js、Sortable.js等。这些插件提供类似的拖拽功能，并且可能更适用于较新的JQuery版本。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
我使用Jquery UI和Touch Punch实现了一个分屏滑块，通过拖动一个图标-使用jQuery UI的“可拖动”特性。它在桌面和移动IOS手机上都能很好地工作。基于作者/源代码提供的一些代码，我选择了jQuery 1.12.4。 但是，当我使用更高版本的jQuery 3.3.1时，拖动失败并得到控制台错误。有没有人可以用更高版本
浏览 45提问于2019-06-09得票数 1
回答已采纳
3回答
为什么我的内容不能拖拽？
、、、、
我已经写了这段代码，它应该使我的屏幕上的内容可拖动。我之前已经创建了一个带有可拖动内容的应用程序，然后我将功能所需的部分复制到此应用程序中。ng-src="{{card.src}}"/> </td-card>JS： $(".card1").draggable({
浏览 1提问于2014-12-11得票数 0
1回答
改变拖动元素的相对位置
、、、
我使用jQuery用户界面来拖动一些图标。我成功地使用了可拖式功能。
另外，下面是我的拖拽事件代码： helper: 'clone',
start: function(event, <
浏览 1提问于2016-07-02得票数 0
回答已采纳
我使用jQuery、jQuery UI和jQuery mobile为iPhone / iPad构建了一个web应用程序。现在我创建了图像，它们应该是可拖动的，所以我这样做了： <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/
浏览 3提问于2010-12-20得票数 16
回答已采纳
1回答
我的理解是，jQuery UI完全忽略了触摸事件，想要使用触摸事件的人不得不使用触摸打孔机将触摸事件映射到鼠标事件中。然而，新版本的UI似乎干扰了内置的触摸事件，比如滚动，尽管他们应该忽略这些事件。我的jQuery UI draggable元素可以很好地工作。但是，当使用<e
浏览 15提问于2017-06-22得票数 1
回答已采纳
1回答
我尝试了jQuery draggable而不是draggable:true css snap: '#droppable',snapMode: 'outer', helper: "clone"但它并不像预期的那样工作我尝试使用
浏览 9提问于2020-08-03得票数 1
1回答
我正在设法弄清楚如何使可拖拉的和可拼贴的工作模拟起来：当你试图拖动图片时，两边的拖动动作也开始了，我希望那个区域很容易滚动，意味着当我滚动拖曳事件时不应该在那里$draggedImage = null, $canvasp2old = null;
$gallery.draggable
浏览 2提问于2014-10-28得票数 3
回答已采纳
我有一个可以在火狐和Chrome中工作的jQuery UI draggable()。用户界面的概念基本上是点击来创建一个"post-it“类型的项目。您添加文本，然后当您完成时，它会保存它。您可以拖动此元素。这在普通浏览器上是有效的，但在我可以测试的iPad上，我不能到处拖动项目。如果我触摸选择(然后它会稍微变暗)，我就不能拖动它。STATE.save(); });
浏览 142提问于2010-06-12得票数 114
回答已采纳
2回答
下面是我使用的jQuery代码：jQuery(".component").draggable({ jQuery(this).append(jQuery(ui
浏览 3提问于2014-03-23得票数 0
回答已采纳
1回答
因此，我对Aurelia和JavaScript导入语法有点陌生，我正在开发一个需要jQuery、UI、draggable和droppable的应用程序。由于这些小部件不能在移动设备上工作，所以我需要使用库。我遇到的问题是以下控制台错误：它显然是在jQuery UI之前加载jQuery
浏览 2提问于2017-03-12得票数 4
回答已采纳
3回答
我正在尝试使jQuery UI的拖放功能正常工作。下面是我努力工作的一个基本例子：$( "#draggable" ).draggable(); width: 200px;}
<script src="https://ajax.googleapis.com/ajax/libs
浏览 5提问于2015-02-11得票数 5
回答已采纳
我正在遵循以下指南：Uncaught Error: Script error for: lib/jquery-ui/draggable
我就是这样加载它的：
define(['jquery', '
浏览 2提问于2014-09-09得票数 0
回答已采纳
我试图找出我可以使用什么库，用于只使用Javascript的Tinder风格的拖放手势。
动画恢复到原来的位置。
如果元素在释放时位于指定的拖放区域上，则元素将动画化并消失，并且需要有某种事件触发，该事件包含被删除的元素和被拖放到的拖放区域。我研
浏览 0提问于2014-09-08得票数 7
回答已采纳
从内部可拖动的jquery ui，它会触发模糊事件，所以我无法设置容器的边界。我是不是遗漏了什么？如何在选择可拖动元素时设置边框。我正在尝试在select上添加边框(鼠标按下时)。 $("#draggable").draggable(); $(this).css('border&
浏览 18提问于2019-06-11得票数 0
我想激活jQuery中的draggable和resizable函数，当(而且只有)当ctrl+alt按钮发布时被按下并禁用，我编写了以下代码<!UI Draggable - Default functionality</title>
<link rel="stylesheet" href="https://code.jquery.com/ui
浏览 1提问于2017-09-05得票数 2
回答已采纳
2回答
触控设备上的可拖动属性
、、、、
draggable属性似乎对触控设备上的浏览器没有影响。
使用鼠标，我可以拖动这个元素。如果我试图在我的触摸屏(Windows10，Chrome)上拖动它，常规的触摸事件似乎优先考虑，比如向后导航。我试过按住它，然后拖拽。这也不起作用。在Chrome中有没有用来修复这种行为的po
浏览 5提问于2016-09-09得票数 3
我正在使用在移动滑块上启用触摸，而且工作得非常好。只是我想要能够在滑块被触摸时显示滑块的当前值。<!--slider event starts--><script src="http://code.j
浏览 2提问于2016-01-04得票数 0
1回答
下面是可排序的jquery代码，它在dasktop中运行良好，但在移动浏览器中不工作，因此请建议如何解决.？$("#post_list").sortable({ handle: ".socialmediaspacing", update: function(event, ui) {
浏览 6提问于2022-03-10得票数 1
1回答
光标类型:仅在拖动时移动
、、、、
我实现了一个元素，使其具有一个具有游标类型"move“的JQuery UI拖动函数。我想要达到的目标：
#draggable *:active {}
所发生的情况是，当您单击not拖动inner时<
浏览 2提问于2015-12-03得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
