问题标签 [jquery-droppable]

我有这样的事情：

然后

当我将移动器放在 div 上时，“容器”会返回。我如何返回该项目被丢弃的最低孩子？

我的代码按计划工作，除了一件事。当您单击深灰色框时，橙色框与 show(); 一起出现。

但是，当您将蓝色可拖动 div 放在橙色框上时，我希望出现紫色框。这似乎不起作用。

我对你的问题是，为什么在 drop 函数中它在上面几行工作时不能工作，我怎样才能使它工作？

我尝试将紫色 div 放在橙色 div 内，但它只显示一次......非常感谢任何帮助，当你不理解我时让我知道。

JsFiddle（问题出在可放置函数中）

jQuery

html

当我将图像拖放到 jquery 布局的一部分上时，我正在使用 jquery 布局插件并创建嵌套布局，第一次可以正常工作，但第二次无法正常工作。

我在图像的拖放功能上使用以下代码 - $("#mainContent").empty(); $("#mainContent").layout(DashboardGenerator.layoutSettings_Inner);

我的 CanvasModel 有以下视图，用户可以在其上从工具栏中拖放各种小部件。每当将某些内容放入 CanvasView 时，都会将一个新的 WidgetView 实例附加到 DOM 中。

最近添加的 Widget 也是可拖动的，以便用户将其放置在 Canvas 中他想要的任何位置。问题是，一旦最近附加的 Widget 被删除，另一个 WidgetView 实例就会被附加

我只想实例化一个从工具栏拖到画布的小部件（它们有一个“拖拽”类）。有没有办法“过滤”放置侦听器，所以 CanvasView 仅当放置的项目具有“拖动”类或已从工具栏拖动时才会实例化一个小部件？

我有这段代码，当我在另一个文件上释放文件时，激活管理系统文件中的 jquery 可拖动当我单击取消时弹出一个确认对话框，可拖动应该自动恢复，有人可以帮我吗？

我想使用拖放将产品添加到购物车。为此，我正在使用 jQuery UI Droppable 。代码是： -

});

使用此代码产品名称可放入购物车，但不会添加到购物车。我尝试但无法将产品名称添加到购物车。请帮我。

我在这里和网络上的其他地方阅读了大量帖子，但我找不到适合我情况的解决方案。

我有两个设置为 droppables 的 div。#imgBrowser 包含一组通过 AJAX 动态填充的图像。一旦该 AJAX 调用返回，它就会触发一个函数，该函数将图像设置为可拖动对象，将两个 div（#imgBrowser 和 #imgQueue）设置为可放置对象，将 #imgQueue 设置为可排序对象。

用户可以在两个 div 之间来回拖动图像。我有这个完美的工作。但是，我要添加的功能是让#imgQueue 也可以排序。

到目前为止，这是我的代码：

两个支持功能：

和简单的html：

我遇到的问题是，当尝试对#imgQueue 进行排序时，可拖动/可放置会覆盖可排序。我猜如果可排序覆盖了可拖动，那么如果我想拖回#imgBrowser，那将是一个问题。我想要做的甚至可能吗？

谢谢！马特

编辑：1

这是drag.html（主页）-

这是 iframe 代码 -

而且我知道没有 iframe，我可以像这里那样轻松地实现这一点 但是对于我当前的项目，我无法消除 iframe。所以，请帮助我。

在这里查看演示

红色框位于 iframe 内，如果您将元素拖放到红色框内，则可以正常工作。但是如果将它们放在框的底部，它会恢复原状。

此外，如果您将拖动框放在 iframe 附近（就在 iframe 上方），它也会成功删除。

我想要的是只有当它在红色框内恢复时才应该删除拖动框。

检查这个

使用 iframe 时，可放置区域出现问题，但找不到解决方案。

提前致谢！

我正在尝试为相当复杂的购物车建立一个简单的拖放基础。在我组装了一个演示主要概念的原型之前从未使用过 jQuery UI。

简而言之，购物车有几个容器，其中可能包含任意数量的可拖动资产。它只是div中的div。应允许将资产丢弃在任何容器中。我已经进行了初始交互，但是一旦我将资产拖放到另一个容器中并尝试将相同的资产拖回或拖到另一个容器，尽管拖放确实有效，但拖动不会跟随光标。

我在这里发布了代码：http: //jsfiddle.net/VjWx2/

这是我的 JavaScript：

如上所述，我希望能够从我拥有的某种菜单中拖动一些 div，并能够将它们拖放到特定的 div 中。我设法在此之后进行了排序。

http://jsfiddle.net/bysnc/

但是，我想在每个按钮上添加一个“x”按钮，以便单击“x”按钮时可拖动/可放置元素返回（恢复）到其原始位置..

我发现了这个

http://jsfiddle.net/v7n6w/

这似乎是我想要的（实际上我想要一个唯一的按钮，而不是一个整体的按钮.. 但是 1）即使在 jsfiddle 上似乎也没有被丢弃 2）在我的测试中，我在控制台中收到错误“未捕获的类型错误：无法读取未定义的属性‘originalPosition’”

特别是错误出现在这一行 ui.draggable.data("draggable").originalPosition);

这是js部分..

我的html看起来像这样

可放置位置我希望只能在 foo 中放置

和初始位置

ps这可以只使用jquery而不是插件jquery.ui吗？