问题标签 [jquery-ui-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 投票
4 回答
8562 浏览

jquery - 如何在具有 contentEditable 的元素上启用“可拖动”?

我想要一个使用 jQuery UI 同时可编辑和可拖动的 div。内容可编辑性似乎仅在未启用可拖动时才有效。我错过了什么吗?我正在使用 jQuery 1.4.4 和 jQuery UI 1.8.9

JavaScript:

HTML:

0 投票
3 回答
15869 浏览

jquery - jQuery UI Draggable/Sortable - 获取对新项目的引用

我正在使用 jQuery UI Draggable/Sortable 演示 (http://jqueryui.com/demos/draggable/#sortable) 作为我项目的基础。<li>当可排序接收到它时,我需要获取对克隆到可排序中的引用。我尝试了 sortable 的接收事件,但这只给出了对原始 draggable 的引用<li>,而不是它的克隆。

0 投票
2 回答
1078 浏览

jquery - IE AJAX刷新后Jquery可拖动停止

我有一个网页,我通过单击按钮从文本创建图像并将图像添加到父 div 元素中的可拖动 div。div 位于更新面板中。在此事件之后,div 是可拖动的。当我添加另一个图像->文本时,我有另一个按钮可以临时保存 html 并使用它们的位置重新创建 div。然而,在此事件之后,所有旧 div 都失去了它们的拖动属性,最后添加的 div 仍保留可拖动属性。

这是我目前的功能。请建议!这在 Firefox 和 chrome 中完美运行。问题仅在 IE 中。

0 投票
2 回答
2662 浏览

jquery - Jquery UI 可拖动 - 使用百分比而不是像素


我有 jq-ui 可拖动的问题。

我将一个 DIV(在我的家用 PC 1680x1024 上)拖到右/下角并保存位置(左:125 像素;上:1536 像素;)。一切正常。但是当我切换到我的上网本(1024x768)时,我得到了一个愚蠢的滚动条。问题是屏幕尺寸不同。

是否可以在 jquery ui draggable() 和 resizeable() 上使用百分比而不是像素?

提前致谢!
彼得

0 投票
2 回答
5362 浏览

javascript - JqueryUI Draggable - 自动调整父容器的大小

我有两个 div,一个在另一个中。外部 div(容器)具有任意尺寸。内部 div 设置为小于其容器的指定尺寸。

我已将 jquery draggable 应用于内部 div,并且当我将内部 div 拖过容器的外边缘时,我希望自动调整其父容器的大小。我该怎么做呢?

在提出新问题时,我在 StackOverflow 上看到了类似的功能。用于输入问题的文本区域有一个名为“grippie”的 div,它可以调整文本区域的大小。这正是我正在寻找的功能,但使用 div 而不是 textarea。

0 投票
1 回答
675 浏览

jquery - jquery - 拖放表格

在jquery中如何做表格而不是行的拖放?

通过 var rows = table.tBodies[0].rows;仅使用获取行。

但我希望表格可以拖放。

0 投票
1 回答
7391 浏览

jquery-ui - 如何在 snap 上找出 jQuery UI 可拖动元素的“捕捉到”元素

我正在处理一些应该捕捉到其他元素的可拖动元素,这些元素都有类,比如,".classes"还有一个唯一的 id "#class_id",. 完成可拖动元素的拖动后,我想找出可拖动元素已捕捉到的“.classes”中的哪些。

我想我可以根据拖动元素的当前位置计算最近的元素,但我觉得应该有比蛮力更简单的方法,因为jQuery必须保留某种变量以确保捕捉工作。

有什么建议么?谢谢!

0 投票
1 回答
3053 浏览

jquery - 可以点击jquery draggable parent start drag吗?

我有这样的标记

使用这样的 JS:

当用户onmousedown启动时,#colorpicker-background我移动#colorpicker-selector到 mousedown 所在的位置。问题是,即使选择器现在位于光标下方,用户也无法继续拖动。

#colorpicker-selector我已经尝试根据我读过的各种帖子触发拖动、拖动启动、鼠标按下、鼠标按下.draggable并且没有运气。

这里的另一个用户也有同样的问题,但它是从 6 个月前开始的,没有答案,并且不同的 jQuery 版本(因为从那时起有很多更新):jquery start dragging object when clicked on the other

0 投票
3 回答
7315 浏览

jquery - 如何以编程方式触发可拖动行为

我在 jQuery 中创建了一个“2d 滑块”,其中通过在边界框中拖动“句柄”来同时操作 2 个参数。

我通过在父 div 中嵌套一个“句柄”div 并使用 jQuery UI 插件来促进拖动行为来实现这一点。html 看起来像:

jQuery 看起来像:

我还创建了一些代码,将句柄重新定位到父 div 中任何点击的位置:

我想做的是修改上述方法,以便用户可以单击父 div 中的某个位置,将句柄重新定位到单击位置,然后开始拖动句柄而不让鼠标按钮向上。基本上,我需要找到一种以编程方式触发拖动功能的方法。

我在这里这里找到了一些建议,并尝试通过更改上述方法来实施他们的建议,如下所示:

这在最技术意义上是有效的,但它超级慢,我从 Safari 收到一堆错误消息,告诉我“RangeError:超出最大调用堆栈大小”。我在想正在发生的是,当我在句柄上触发事件时,它会冒泡到父级,然后再次调用触发器,依此类推。我试图通过在 .trigger() 调用之前和之后将 event.stopPropagation 扔到我的代码中来阻止冒泡,但无济于事。

因此,如果有人对如何使这项工作有任何建议,我将不胜感激。我在这里有一个备用计划,但这在我看来是不必要的复杂。

谢谢!

0 投票
2 回答
31869 浏览

jquery-ui - 如何保存可拖动和可调整大小元素的位置?

我正在构建一个站点,该站点允许用户创建一个 html 页面,然后可以将其保存并在另一个站点上共享。我希望他们能够调整和拖动页面元素。我可以使用 jQuery 来做到这一点,但我不确定如何保存它,以便在其他地方查看页面时,它看起来是一样的。

我还没有决定如何存储页面信息,但我想的是我可以将每个元素连同它的绝对位置和它的内容一起存储在数据库中。这听起来像是一个好计划吗?

如果是这样,我如何让 div 的位置传递给 php 以便保存?

谢谢。