问题标签 [jquery-ui-draggable]

我很新JQuery，我正在尝试使用 Draggable 插件创建一个示例页面。页面加载正常，但我无法将我的<div>标签拖到任何地方。我一直在尝试复制这个演示。这是我的代码：

我只是想做到这一点，这样我就可以在它<div>周围的“演示”中拖动我的“可拖动” <div>。谁能看到我错过了什么？

我开发了我的代码以在文本区域中拖放项目，但我必须解决不知道如何解决的问题。

首先，当您在拖动中获取元素时，我只需要文本，不多也不少。

其次，我无法清理文本，总是附加数据，我需要清理并且只添加当前对象。

第三，当文本被放到文本区域中时，如何将文本加粗？有任何想法吗。谢谢

看我的代码

找到解决方案！ 我找到了，我忽略了我只能获取变量项的 id。所以我提出var item_id = item.attr('id');这就是我的解决方案。比我想象的要简单得多。谢谢大家的帮助！

好的，所以我在 jQuery 中有多个可拖动元素，它们都是图像，但每个都有自己的 ID。无论如何，我已经设置了一个功能，一旦图像被拖放到 droppable 上就会执行。我希望能够提取图像的 id，以便我可以处理在我的数据库中删除的图像。

这就是我的代码。我需要找到item_id. 这是我的猜测var item_id = $('<img />').attr('id');，但它返回了空白信息。我也尝试过var item_id = ui.draggable.attr("id");，这只是停止了我的其余功能。有任何想法吗？提前致谢。

顺便说一下，这是我的可拖动项目的样子。 <img src='http://motb.isgreat.org/objects/khhhqw4s.png' class='object foundation' id='khhhqw4s'/>

更新 我移动了var item_id = ui.draggable.attr("id");上面的 if 语句，现在我得到了undefined. 所以我不确定从这里去哪里，但我知道我的 AJAX 调用运行正常，因为它正在使用undefined.

更新 - 再次

所以这就是我如何调用我的函数，如果这让它更容易的话。

我以前从来没有做过这样的事情，所以这真的超出了我的范围。如果您想亲自查看该页面，请访问http://motb.isgreat.org/并单击登录按钮，并使用testbot作为用户名和密码。要查看可拖动对象的位置，在左侧有一个大框，其下方有 4 个较小的框，单击单词为基础的小框上方。我正在尝试将那些出现在小框中的对象拖到里面。您可以看到包含我试图传递的信息的警报。随意检查我的源代码是否有任何问题，这些项目是从我的数据库中调用的，因此您的源代码中可能缺少我的 PHP。

我找到了，我忽略了我只能获取变量项的 id。所以我放了 varitem_id = item.attr('id');这就是我的解决方案。比我想象的要简单得多。谢谢大家的帮助！

我正在使用jQuery droppable（与jQuery draggable结合使用）来允许用户通过从列表中拖动项目并将它们放到表中来向 HTML 表中添加行。

这很好用，但是目前的逻辑是，当用户拖放表格行时，新行将添加到他们拖放的行下方。

如果新行的添加位置基于用户是落在现有行的上半部分还是下半部分，那会更好。

这在事件中很容易计算drop，但我需要在用户拖动时提供 UI 反馈（例如，我将通过两个 CSS 类droppable-above来droppable-below完成）。

这似乎是不可能的，因为该over事件只触发一次；当用户最初拖动可放置元素时。

over当用户在可放置元素上时，是否可以让每次鼠标移动都触发事件？

如果是这样，那么我将能够做到这一点：

CSS 样式将类似于...

我正在尝试使用 jQuery UI 的Draggable & Sortable使对象能够在元素内自由移动，而不必保持在另一个对象旁边。

我怎样才能做到这一点？

我在 2d 滑块的句柄上使用 jQuery UI Draggable 交互。我使用 Draggable "drag" 事件在拖动滑块时更新滑块的位置。

我遇到的问题是拖动事件似乎在被拖动的元素实际改变位置之前触发。因此，如果您使用拖动事件来报告被拖动元素的位置，它会报告它从 移动的位置，而不是它移动到的位置。

我需要以某种方式获取可拖动元素被移动到的位置的数据。

任何帮助将非常感激！

我有 2 个可拖动的 DIV，我希望根据它们在父 DIV 中的位置堆叠它们。我尝试设置 z-index，虽然这适用于 IE 9，但我无法让它在 Firefox 4 中运行。

使用 Firebug，我看到拖动的元素的 z-index 设置为 auto。

我想在http://jsfiddle.net/a5jgm/6/上完成的完整演示

感谢您的时间

我有一个 UI 的想法，大致如下：

1. 有一个带有可拖动项目的隐藏容器。
2. 用户单击某些内容以显示容器。
3. 用户可以将项目从容器拖出到“主要区域”。
4. 当一个项目从容器中拖出时，包含其余项目的容器应该回到隐藏状态。

我已经按照下面的代码进行了操作，但是我遇到了一个问题，我不知道如何解决。

当项目的父容器被隐藏时，项目也被隐藏。加上滑动效果，项目的定位也受到影响。

任何关于我如何解决这个问题的想法或想法都会受到欢迎:)如果我都走错了路，请随时指出正确的方向:)

提前致谢， 奥拉

如何在两个或多个元素之间画一条线来连接它们？HTML/CSS/JavaScript/SVG/Canvas 的任意组合都可以。

如果您的答案支持其中任何一项，请务必提及：

• 可拖动元素
• 可拖动/可编辑的连接
• 避免元素重叠

这个问题已经更新以整合它的众多变体。

我希望将 jQuery UI Sortable + Draggable + Droppable 与相同的项目一起使用。我想对所有 .item 元素进行排序，并能够将 .item 拖放到另一个中。下面是我的代码：

当我使用 sortable + draggable + droppable 时，只有一个或另一个不能一起工作。为了实现这一目标，我缺少什么？

谢谢！