Jquery UI -在旋转的元素上拖动时出现问题
JQuery UI是一个基于JQuery的开源JavaScript库，用于创建丰富的交互式Web界面。它提供了一系列的可重用的UI组件和交互效果，方便开发人员快速构建功能强大的前端界面。
在旋转的元素上拖动时出现问题可能是由于以下原因之一：
- 旋转变换引起的坐标系变化：当元素被旋转时，其坐标系也会随之改变。这可能导致拖动时的坐标计算出现问题，使得元素的位置不准确或者拖动效果不符合预期。
- 事件冲突：拖动操作和旋转操作都会涉及到鼠标或触摸事件的处理。如果事件处理程序没有正确地处理这些事件的冲突，就可能导致拖动时出现问题。
为了解决这个问题，可以尝试以下方法：
- 使用合适的坐标系转换：在拖动操作中，可以通过将鼠标或触摸事件的坐标转换为元素旋转前的坐标系来解决坐标计算的问题。可以使用JQuery UI的旋转插件或其他相关库来实现坐标系的转换。
- 优化事件处理：确保拖动和旋转操作的事件处理程序能够正确地处理事件的冲突。可以使用JQuery UI的拖动和旋转插件提供的事件回调函数来处理这些事件的冲突。
- 调整元素的层级关系：如果元素的旋转和拖动操作都是通过CSS的transform属性实现的，可以尝试调整元素的层级关系，使得拖动操作在旋转操作之前进行，以避免事件冲突。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可满足各种规模和需求的应用场景。详情请参考：腾讯云云服务器产品介绍
- 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，适用于存储和处理各种类型的数据。详情请参考：腾讯云对象存储产品介绍
相关·内容
1回答
Jquery UI -在旋转的元素上拖动时出现问题
javascript、jquery、html、css、jquery-ui
问题是，当我试图拖动一个旋转的元素时，它会弹起……我找不到元素上发生了什么。 $('.obj-rect').resizable({
浏览 18提问于2019-11-21得票数 0
1回答
如何旋转Unity UI RectTransform，使其指向另一个UI元素
user-interface、unity3d
我如何旋转Unity UI元素的RectTransform，以便该元素指向World Space画布上的另一个UI元素？在下面的图像中，有一个我想旋转的滑块(但它可以是任何UI元素)，这样当我在画布上拖动Button时，它总是面对着Button。
感谢您能提供的任何帮助。
浏览 4提问于2017-01-06得票数 0
2回答
在开始拖动时设置可拖动对象的高度时，无法将其连接到空可排序对象
javascript、html、jquery、jquery-ui
我有一个draggable和两个空的可排序元素。通过使用connectWithSortable，我应该能够将可拖动元素连接到可排序元素。但是，当可拖动元素第一次被拖到可排序元素中时，它不会连接到该元素。只有在第二次拖动时，它才会连接。如果我使用CSS将可排序元素的高度设置为100px，那么它是有效的：https
浏览 15提问于2020-07-29得票数 0
回答已采纳
5回答
在iPad上调用两次jQuery -click-事件
javascript、jquery、jquery-ui
我的web应用程序是为iPad设计的，我有一个问题。我使用jQuery和jQuery UI在屏幕上拖动元素。因为在iPad上，默认情况下不能拖动元素，所以我添加了这个库：
包括它在内，我可以在iPad上拖放元素，但也会出现问题。我在draggable元素<
浏览 0提问于2010-12-31得票数 1
回答已采纳
1回答
元素的绝对位置问题
javascript、jquery、css
我正在创建一个用户可以drag-drop photos, resize it, drag it and rotate it的照相板。每当用户将新图像拖放到黑板上时，就会创建一个新的div元素，并将一个img标记附加到该元素。每个div都设置为向左浮动，因此每当创建新图像时，它都会自动放在正确的位置。jquery-ui插件(可调整大小和可拖动)应用于div。
当用户调整任何图像的大小
浏览 1提问于2012-10-04得票数 0
1回答
旋转可拖动元素时出现可拖动包含错误
javascript、jquery、jquery-ui
我有一个可拖动的元素，它也是可调整大小和旋转的。这些旋转是由CSS转换处理的，然而，当元素旋转时，它会使可拖动功能失控。这里有一个(更新的)小提琴：
我认为当元素旋转时，它的高度和宽度显然保持不变，只是角度不同，然而，jQuery没有考虑旋转，使它认为元素处
浏览 15提问于2017-02-15得票数 2
回答已采纳
3回答
单击并拖动不适用于Firefox中的jQuery UI iframeFix
jquery、jquery-ui、jquery-ui-draggable
这有点难以解释，所以我在这里设置了一个简化的测试用例：。实际上，我将jQuery UI的.draggable传递给iFrame的内容，并使用jQuery UI的内置iframeFix来避免iFrame捕获鼠标事件时出现问题。这很有效，除了在Firefox中，点击和拖动似乎不再起作用；相反，你必须点击，释放，然后拖动，然后再次点击放置。这是预期<e
浏览 0提问于2012-06-02得票数 3
回答已采纳
1回答
获取元素旋转后的默认左上位置
javascript、jquery、html、css、rotation
我在我的项目中使用了jQuery draggable事件，当我拖动时，如果元素没有旋转，我会得到元素的正确左上位置。jQuery(element).position().top使用下面的代码， va
浏览 3提问于2016-07-18得票数 0
2回答
可拖动UI辅助对象克隆和非克隆的两种不同行为，这是怎么回事？
javascript、jquery、jquery-ui、jquery-draggable、jquery-droppable
据我所知，带有可拖动UI的辅助选项只是所描述的一种显示效果。 helper: 'clone',});
drop: function (event, ui) {
$(ui.draggable).appendT
浏览 3提问于2013-05-26得票数 1
回答已采纳
1回答
拖动以共享模块
drupal-6
我无法使用“拖动以共享”模块。我下载并启用了它。但随后我的内容页面就变成了“空白”。它没有显示任何东西。谁来帮帮忙。
浏览 0提问于2010-06-19得票数 0
回答已采纳
1回答
光标类型:仅在拖动时移动
javascript、jquery、css、jquery-ui、draggable
我实现了一个元素，使其具有一个具有游标类型"move“的JQuery UI拖动函数。我想要达到的目标：
我还希望inner有一个光标类型的“指针”，无论何时悬停或点击。但是，一旦你开始<e
浏览 2提问于2015-12-03得票数 4
回答已采纳
2回答
jquery ui轻松拖拽/惯性
javascript、jquery、jquery-ui、google-maps、draggable
如何在使用jquery ui draggable ()拖动元素时启用轻松或惰性？我想重新创建类似于maps.google.com的缓动，当你抛出/拖动地图时，它会缓缓进入适当的位置。理想情况下，我希望根据您抛出/拖动元素的力来移动元素移动。如何实现此功能？也许jquery ui draggable不是必需<e
浏览 1提问于2010-12-15得票数 5
1回答
jQuery拖曳辅助器位置
jquery、jquery-ui
我想要更改拖放助手位置，就在拖动的开始，因此网格将被计算在一个draggindg元素的新位置上。
正如您在示例中看到的，蓝色元素完全适合网格，而
浏览 4提问于2013-02-12得票数 0
回答已采纳
1回答
如何使用子元素以外的其他元素作为拖动句柄？
javascript、jquery、user-interface、svg、draggable
我想使用红色SVG矩形作为可拖放的div元素的句柄，但是因为SVG元素不是div的子元素，所以不可能。这样做的目的是让句柄(红色重新)触发div的拖动事件，当div被拖动时，代码更新红色SVG矩形的位置。如何使SVG矩形充当div的拖动句柄(因此SVG元素不是div元素的子元素</em
浏览 5提问于2012-10-12得票数 1
回答已采纳
1回答
在jsfiddle.net上，当我选择jQuery 1.7.2时，会打开一个下拉菜单，让我有机会选择要包含的jQuery UI。但是，当我选择jQuery 1.8.0时，它不会这样做，所以我假设jQuery UI现在内置于jQuery中。但是，此操作不适用于选定的jQuery 1.8.0，但适用于包含1.7.2和jQuery <
浏览 0提问于2012-09-16得票数 0
回答已采纳
1回答
jQuery UI -可拖动元素在旋转时松开约束。
jquery、jquery-ui、css
我创建了一个jsFiddle 来说明我在代码中的问题(双击粉色元素并尝试拖动到蓝色框外，再次单击并比较结果)。当我在带有约束的可拖放元素上旋转CSS时，约束不像预期的那样工作。可拖动的元素可以部分地拖出容器之外。我的猜测是，它与CSS旋转的工作方式有关，但我不确定。
有什么办法解决这个问题吗？
浏览 2提问于2012-04-04得票数 1
回答已采纳
1回答
刷新助手位置
jquery、jquery-ui、jquery-ui-sortable、helper
我使用jquery可排序来对多个容器中的元素进行排序。我的助手选项设置为“克隆”，如下所示 helper: "clone"所以这里要做的是，当一个元素开始拖动时，jQuery创建一个副本并将其附加到主体中，这就变成了实际被拖动的元素(助手)，而不是原始的元素<
浏览 4提问于2016-03-12得票数 8
回答已采纳
1回答
jQuery可调整大小:当可滚动容器游标中的调整大小元素松开句柄时
jquery-ui、jquery-ui-resizable
我一直试图使用可调整大小的jQuery来调整容器中可滚动的元素的大小。我需要能够使元素大于适用于视图端口的元素，因此页面在调整大小时必须滚动。我该怎么做？请注意，元素也是可拖动的，但不是由相同的句柄(我不确定这是否会影响解决方案？)当我尝试的时候，当我滚动页面时，手柄会出现问题，而这个句柄不会跟随鼠标。首先，当
浏览 1提问于2016-09-21得票数 2
1回答
使用jQuery UI拖动旋转和绝对定位的div
jquery、jquery-ui、css、jquery-ui-draggable、css-transforms
当我试图使用css3 UI拖动绝对定位和旋转div (使用transform: rotate(45deg))时，jQuery似乎不知道旋转div的新起源在哪里。因此，当您开始拖动时，div会立即移出几个像素。注意，当可拖动的div处于相对位置时，它工作得很好。
浏览 3提问于2013-09-17得票数 2
回答已采纳
3回答
将边框添加到焦点上的jquery可拖动元素
javascript、jquery
从内部可拖动的jquery ui，它会触发模糊事件，所以我无法设置容器的边界。我是不是遗漏了什么？如何在选择可拖动元素时设置边框。我正在尝试在select上添加边框(鼠标按下时)。 border', '1px solid') $(this).css('border', '')
});
浏览 18提问于2019-06-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
