问题标签 [jquery-ui-droppable]

我有一个主干视图模型，我在这里渲染并使用 jquery ui 使其可拖动。

上面，我有可用的视图模型，可以将其从 dom 中删除，调用其模型上的方法等。但我想要将此视图模型拖到一个可放置的容器中——就像一个垃圾桶——然后调用一些视图模型的方法并将其从 DOM 中移除。

不过，我看到的是，将项目放入容器时的回调方法是：

所以，我可以看到 ui.draggable 并将其从 DOM 中删除，但我没有参考它的视图模型。难道我做错了什么？有什么办法可以解决这个问题？

我基本上在做的是在放置时创建一个列表项。使用 drop 事件，我然后对列表做一些其他花哨的事情。问题是，在放置时 - 该项目尚未创建。

如果您有 4 个项目，即使您刚刚放入第 5 个项目，它也会报告 4。还有其他事件吗？或者也许使用我以前使用过的 setTimeout 并取得了一些成功。我检查了其他事件，但我看不到任何会在元素被删除后触发的东西。

在可放置 div 的 out 和 drop 事件中，我应该期待哪些信息？我有两个可放置的容器 div：容器 1 有四个嵌套元素，容器 2 有一个嵌套元素。我将一个元素从容器一拖到容器二中。在容器一的 out 事件中，我仍然找到四个嵌套元素。但是，在容器二的放置事件中，我找到了一个元素，但它恰好是来自容器一的元素。所以有几个问题：

1. 在这两个事件中找到的信息并不反映容器的实际状态。
2. out 事件不反映元素已移出。
3. drop 事件仅显示被删除的元素。

这是容器和嵌套在其中的元素的 HTML。

.children在 javascript 中，我使用和 这样的.each函数遍历嵌套元素$('#'+divid).children('div').children('div').each()。

除了 out 和 drop 之外，还有其他事件可以获取有关可拖放 div 的嵌套元素的正确信息吗？.children除了获取可拖放 div 的嵌套元素之外，还有其他功能吗？

我正在使用 jqueryui.com 提供的照片管理器示例玩 jQuery UI Drop/ Drap。我想要实现的是将它作为一个照片管理器，但使用从 sql 数据库自动生成的数据。我已经设法<div>用数据库中的数据填充可拖动对象，并且可以像示例中一样将图像拖放到可拖放对象中<div>，因此我将该数据存储回数据库（不同的表）中，以便下次用户重新登录或刷新该页面他们将能够看到已拖放到 droppable 中的图像，<div>到目前为止一切顺利。问题是为droppable生成的数据<div>是不可拖动的，只有从draggable中删除的图像<div>不刷新页面是可拖动的，并且可拖放回可拖动的<div>。

jquery用户界面代码

HTML

jquery 代码在 a 中<script>，它在检索到数据库数据后立即运行。

我在页面上有一个元素排列：

如何使用 jQuery UI (Draggable / Droppable) 来制作它，以便如果一个 div 被拖放到另一个 div 上，它们会交换位置？（如果它被拖到其他任何地方，它就会恢复到原来的位置。）

谢谢。

我已将可排序和可放置的 jQuery UI 附加到我页面上的几个不同页面。

在用户拖过另一个活动列后，我希望将元素放置在最接近“可放置”列的列中。

http://jsfiddle.net/jordanbaucke/W3yyk/4/

我试图禁用最近的“可排序”列并在“可放置”处于活动状态时重新激活，但这不起作用。我该如何解决？

我有两个清单。开始时只有第一个有可见元素，第二个列表只有一个隐藏元素。当我拖动时，我搜索空列表以查找是否只有一个元素以及它是否通过 CSS 隐藏。如果是这样，我从源列表中删除该元素并将其添加到第二个。另外我需要第二个列表是可排序的，但目前使用下面显示的代码它不起作用。

任何人都可以提出任何建议吗？

我一直在查看 jQueryUI 的 Draggable 和 Droppable 的文档。我找到了各种方法可以将列表拖放到另一个列表，但不是两种方式？

我的情况是，我有 2 个列表：

如果将一个项目从列表 1 放到列表 2 中，则应该执行 AJAX url - 比如

hello.asp?action=add&id=48

如果一个人从列表 2 中删除一个项目到列表 1 另一个 AJAX url 应该被执行 - 比如

hello.asp?action=remove&id=48

这有可能吗？:) 这将使我的脚本界面更容易:)

注意：我已经熟悉 jQueryUI，但 droppable 和 draggable 对我来说都是新的。至少到现在为止:)

编辑：

现在我只需要通过 AJAX 通过 update: {} 获取正确的序列化数据吗？

编辑：

知道了！

现在，当我在functions.asp中请求.form（“字符串”）时，我得到一系列ID，例如“25、28、31、94、95”.. :)

我创建了一个小部件构建器应用程序，您可以在其中将小部件（可拖动）拖到小部件构建器（可放置）上。可以将多个小部件（克隆）拖到构建器上，克隆是可拖动的，并且克隆被限制在构建器中。

我在小部件构建器的右上角提供了一个小框，我想将它用作垃圾桶（排序；如果将克隆拖到它上面，则删除它）。

如果克隆被拖到垃圾区域，有人可以帮助我创建删除克隆的能力吗？

这是我的例子：http: //jsfiddle.net/mitchslap/K8VKa/

谢谢你，谢谢你，谢谢你！