问题标签 [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 投票
3 回答
13763 浏览

jquery - jQuery 可拖动 IFrameFix

我对 jQuery Draggable IFrameFix 有一点问题。我有一个容器(如下所示),里面有一个 iframe。我在可拖动设置中打开了 iframeFix,但它并没有改变任何事情。任何有同样问题的人或任何可能知道如何解决这个问题的人?

这如果我的javascript代码。

谢谢!

0 投票
2 回答
6425 浏览

javascript - Jquery 检查 id=x 的 li 是否已经存在于 ul 中

我和李有很多 UL。不同的 UL 会有相同 id 的 li:

用户可以将 li 从列表中拖动到另一个列表中,但前提是具有相同 id 的 li 不存在。到目前为止,我有这个:

但是,当我放下可拖动对象时,它会将所有 li 的 id 更改为放置的 li 的值。

任何指导都会很棒。谢谢。

0 投票
1 回答
575 浏览

javascript - 使用 jQuery UI 拖动 Javascript 元素

我有一个<div>在里面显示图表的。有时这个图表对<div>. 我找到了 jQuery UI Draggable 交互,并认为这就是我所需要的。让基础工作很容易,但是,我很难做到这一点。

理想情况下,只能拖动图表以显示隐藏的部分。例如,如果右侧隐藏了更多图形,则可以将其拖动到左侧并查看隐藏的部分。但是,一旦右侧的所有内容都可见,您就不能再将其拖到左侧。如何使用 jQuery UI Draggable 实现类似的功能?可能吗?jQuery UI 是正确的工具吗?

不太理想,但仍然可以,即使图形足够小以适合父级<div>并且没有隐藏任何内容,您也可以将图形拖动到任何您想要的位置。我什至无法让它正常工作。发生的事情是我可以选择不指定该containment选项。然后图形不受约束。现在的问题是图形<div>只有一定的大小(父级的 100% 宽度和高度<div>)。节点以绝对定位放置在此大小之外。然后,当您去拖动图表以显示那些隐藏的节点时,您不能再拖动图表...因为您现在单击图表外部的<div>.

我可能有一个图形容器<div>,我弄乱了它,以便在添加或删除节点时动态调整容器 div 的大小。或者我可以在没有 jQuery UI 的情况下实现这个,只需使用 mousemove 事件。最好的方法是什么?有没有另一个好的图书馆呢?

0 投票
2 回答
3326 浏览

jquery - jQuery UI:为对话框设置可拖动选项

我有一个可拖动的对话框,我想设置拖动选项,我不知道该怎么做。

是一个例子。红色框的选项cursorAt设置为{ top: 0, left: 0 }。我想对对话框的拖动做同样的事情。

0 投票
1 回答
540 浏览

jquery - 删除后如何将属性添加到新的 LI

我有 2 个列表:

“pagepool”列表中的项目被拖(克隆)到“docstruct”列表中,然后可以手动排序。docstruct 列表中可能存在重复的页面样式(具有重复的 id 属性)。

我想做的是通过 php 文件/ajax 请求一个唯一的 md5 哈希,并在删除项目后将该哈希添加到被删除项目的 rel 属性中。到目前为止,我尝试过的所有内容都会更新“pagepool”原始项目。

如何修改它以仅针对克隆项目?:

0 投票
0 回答
476 浏览

loops - 删除“可拖动”时,Javascript陷入无限循环

我遇到了这个特殊的问题:当我将一个可拖放对象拖放到一个可拖放对象上然后删除这个可拖放对象(可拖放对象是“文件和文件夹”,可拖放对象是“垃圾箱”)时,在“拖放事件”的回调中,javascript陷入无限循环。我的确切代码是:

我从 Google Chrome 的 javascript 控制台收到的消息是:

0 投票
2 回答
6870 浏览

jquery - jquery:如何更新可拖动的克隆 ID?

我想将可拖动项目添加到可排序列表中,这在我在http://jsbin.com/ipese5/35上的示例中运行良好

问题是我想在拖动到可排序列表时更新克隆项目的 id。奇怪的是,以下代码将 de ui 对象中的 id 更新为“new-id”(正如我在控制台中看到的那样),但实际页面 html 上的 id 没有更改。有人有解决方案吗?

0 投票
1 回答
580 浏览

jquery - .hover 与可拖动元素悬停时不起作用

请原谅我的英语不好...

情况:我有一个带有子菜单的菜单。悬停时打开子菜单。(带有 ul 和 li 的简单下拉菜单)

我有一个管理区域,我想从中拖动菜单中的某些内容。

问题:当我将某些内容拖入菜单时,它不会折叠,好像 .hover 不起作用一样菜单也是可排序的,因为同样的问题,您可以将子项拖到主菜单,但主菜单中的项目不能被拖到子项,因为 .hover 不起作用并且菜单不会折叠。

将某些东西拖到它上面时会忽略 .hover 吗?

0 投票
21 回答
87404 浏览

jquery - 页面滚动后,jQuery可拖动在错误的位置显示助手

我正在为我正在开发的工作计划系统使用可拖放jQuery 。用户将作业拖到不同的日期或用户,然后使用 ajax 调用更新数据。

一切正常,除非我向下滚动主页(作业出现在超出浏览器窗口底部的大型周计划器上)。如果我尝试在此处拖动可拖动元素,则该元素会出现在鼠标光标上方,其像素数量与我向下滚动时的像素数量相同。悬停状态仍然可以正常工作,并且功能正常,但看起来不正确。

我正在使用 jQuery 1.6.0 和 jQuery UI 1.8.12。

我确定我需要添加一个偏移功能,但我不知道在哪里应用它,或者是否有更好的方法。这是我的.draggable()初始化代码:

知道我能做些什么来解决这个问题吗?

0 投票
2 回答
11252 浏览

jquery - 让 jQuery 可排序、可拖放和可拖动以协同工作

我正在尝试使用 jQuery 可排序、可拖放和可拖动来协同工作。我有 3 个列表:一个断点占位符;报告行;报告组。

用户应该能够:

  1. 将尽可能多的占位符副本拖到“报告行”列表中
  2. 一次将一个“报告组”(不是克隆)拖到“报告行”集合中(但不是反之亦然)......直到不再有报告组。
  3. 用户应该能够对报告行列表进行排序,令人作呕。

我的问题是......
我无法让上面的 2 号工作

旁注:
我确实尝试为此创建一个 jsFiddle,但无法让 jsFiddle 解析 jQuery 的 UI 文件……所以我必须在此处为您包含整个 HTML 页面……抱歉!

这是HTML: