问题标签 [draggable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3415 浏览

javascript - 可拖动+可排序和可滚动的 div

我有一个带有可拖动项目列表的容器和一个带有可排序项目列表的容器。可拖动对象和可排序列表是连接的,允许用户将可拖动对象的克隆拖动到已排序列表中。

可拖动项目出现在垂直列表中,但可排序项目出现在水平列表中,通过将它们向左浮动来实现。可排序项目的容器将其溢出设置为自动,如果内容溢出,则会产生水平滚动条。两个容器紧挨着出现,左侧是可拖动的,右侧是可排序的。

我遇到的问题是,当可排序项的容器向右滚动时,从可拖动项的容器中拖动会立即触发可排序项的事件。看起来好像 sortables 容器的内容被移动到 draggables 容器后面。

这是我的代码:

在将项目拖到可排序容器上之前,如何避免触发可排序事件?

提前致谢

0 投票
2 回答
3570 浏览

jquery - jQuery可拖动

我有一个 div 我想拖动限制在一个特定的容器中。我尝试使用包含:父选项,但这会导致 div 在不拖动的情况下捕捉到上限或下限。我有溢出:隐藏设置,我希望这不是问题。(我在某处读过)

请帮帮我。

编码:

#draggable 是一个包含img 的div,而#draggable 是附加到imgContainer 的。我希望这会有所帮助。

0 投票
1 回答
900 浏览

javascript - 如何在 JQuery UI Draggable 元素的启动事件处理程序期间使 css 位置更改生效?

我有一个奇怪的情况,我需要在用户开始拖动它时立即修改可拖动元素的位置。因此,在可拖动元素的启动事件处理程序期间,我试图设置位置。它不会响应位置更改,除非 - 这很奇怪 - 我在更改位置后做了一些导致 javascript 错误的事情。这是一个例子:

在这种情况下,我怎样才能合法地导致重绘发生?JQuery 的 hide() 和 show() 不起作用,这些方法也不起作用。

0 投票
2 回答
549 浏览

jquery - jQuery UI 重新生成(僵尸)可拖动元素

我想知道如何使用 jQuery UI 创建可拖动元素,一旦它们被拖放到另一个容器中,就会重新生成相同的项目。例如,我可以将一个按钮从容器 A 拖放到容器 B,一旦这样做,同一个按钮(克隆)就会重新出现在容器 A 中。

提前致谢。

0 投票
2 回答
2612 浏览

jquery - replaceWith 和 jQuery 可拖动拖放?

我试图理解为什么

将在外面工作

jquery 的可放置脚本中的区域,但它不会在里面工作。具体来说,如果我这样做

我得到一个Runtime Error (line 1102) data(...).options is null or not an object. $('#title').append('ha');此外,如果我在 drop: 内插入一个,它可以工作。但是,如果我把$('#title').replaceWith('ha');其他地方放在外面

有用?

0 投票
2 回答
30226 浏览

jquery - jQuery:如何在代码中模拟拖放?

编辑:这是一个向您展示我的示例代码的链接:http ://www.singingeels.com/jqtest/

我有一个非常简单的页面,它引用了 jquery-1.3.2.js、ui.core.js(最新版本)和 ui.draggable.js(也是最新版本)。

我有一个可以很容易拖动的 div(当然使用鼠标):

然后在 JavaScript 中:

这是完美的工作。但是,我需要能够单独使用代码来模拟“拖放”。我大部分时间都在工作,但问题是正在触发的事件是占位符 events

如果你打开“ui.core.js”并滚动到底部......你会看到这个:

为什么在我的模拟中没有正确扩展事件,但是当您用鼠标单击时,它们是?- 关于如何强制 _mouseDrag: 属性服从“ui.draggable.js”中的覆盖扩展的任何想法?

解决这个问题将是巨大的——我计划稍后展示主要的好处。

谢谢,-蒂莫西

编辑:这是一个向您展示我的示例代码的链接:http ://www.singingeels.com/jqtest/

编辑2:单击上面的链接并查看源代码......你会看到我想要做什么。这是一个片段:

0 投票
1 回答
1640 浏览

jquery - jQuery UI - 如何知道拖动的元素是否在元素 #x 之上?

我有多个可拖动元素,我不希望它们被放在彼此之上。我希望拖动的元素在拖动时显示为浅绿色,但是一旦它超过具有特定类的元素,它就会变成红色。如果它被丢弃,它将恢复到原来的位置。

其他一切都很简单,但我需要一个事件来“输入”另一个元素。

我还没有找到任何集成功能或插件来解决我的问题。

除了记录所有元素的位置和大小,然后在拖动事件中与它们进行比较之外,我自己想不出任何其他方法来做到这一点。然而,它会很重,拖起来会很痛苦。

那么,有什么建议吗?可能是我没找到的插件?:)

0 投票
3 回答
7519 浏览

iphone - iPhone SDK:拖拽 UIImageView 时出现问题

我正在尝试在我的应用程序中将 UIImageView 拖到 iPhone 屏幕上。

目前我设置的拖动功能很好,拖动图像确实可以在屏幕上移动它,问题是你不必拖动图像视图来移动它,你也可以拖动屏幕上的任何地方,它会移动图像。我是这个平台的新手,所以我真的无法考虑如何解决这个问题。我当前拖动图像的代码是:

任何帮助表示赞赏。顺便说一下猪是UIImageView。我还注意到,如果我将图像视图“猪”的用户交互设置为启用,则图像不再可以拖动,但是当它未设置为启用时它是。

0 投票
1 回答
687 浏览

jquery - jquery可拖动元素丢失

任何人都可以告诉我,在下面的给定代码中,当第一次拖动元素时它可以正常工作,但是当拖动新元素时,之前创建的元素的可拖动属性会丢失。我怎样才能在不丢失的情况下进行拖动?

0 投票
3 回答
2818 浏览

jquery-ui - JQuery Draggable:鼠标释放后是否可以捕捉到网格?

基本上,我想使用网格选项将可拖动的 div 捕捉到 30 x 30 网格,但我想保持拖动平滑。那么有没有一种方法可以在鼠标释放时捕捉到网格(或类似的东西)