问题标签 [droppable]

文档可以在这里找到

它在示例中说：

onDrop：每当一个 Draggable 在 Droppable 上释放并且 Droppable 接受它时调用。回调获取三个参数：Draggable 元素、Droppable 元素和 Event。您可以从 Event 对象中提取有关放置的其他信息（例如是否按下了 Ctrl 或 Shift 键）。

然后它给出了一些代码

Droppables.add('shopping_cart', { accept: 'products', onDrop: function(element) { $('shopping_cart_text').update('把' + element.alt + '放在我身上。'); } }) ;

它在代码中使用了模棱两可的词“元素”。 我的问题是，有没有人有一个很好的例子来说明如何在这个回调 javascript 函数中引用可拖动元素和可放置元素？

我对 jQuery 有点陌生，希望有人能帮助我。

在删除 (li) 之后，我试图将一个元素 (li) 更改为另一个元素 (div)。

示例代码：

问题是，当我使用

触发上述功能时，将禁用原始可拖动元素。

我正在使用最新的 jQuery 和 jQuery UI 稳定版本。

我在 jquery 1.3.1（UI 版本 1.5.3）中的可放置效果遇到问题。据我所知，除了 drop() 函数没有被调用之外，一切都运行良好。我可以告诉可放置目标正在接受被拖动的元素（通过缩略图类），但可拖动项目不会下降。提前感谢您的帮助！

我让一类元素像这样可拖动

现在的问题是，我能够将元素从正文中拖出，并在整个 html 中。我如何限制可拖动的区域？

有人可以解释如何使用下面的代码。

这是屏幕截图

替代文字 http://img196.imageshack.us/img196/9514/picture4omk.png

这是我的 JS

这是我目前的看法

这是我当前的控制器

请帮忙！

我一直在努力使以下代码正常工作，以便当您将 li 从一个 UL 拖到另一个 UL 时，它会检测到它在新 UL 中并保存该数据。我不知道从哪里开始

我将非常感谢任何帮助。

我试图理解为什么

将在外面工作

jquery 的可放置脚本中的区域，但它不会在里面工作。具体来说，如果我这样做

我得到一个Runtime Error (line 1102) data(...).options is null or not an object. $('#title').append('ha');此外，如果我在 drop: 内插入一个，它可以工作。但是，如果我把$('#title').replaceWith('ha');其他地方放在外面

有用？

I'm trying to create a droppable area that can accept random text, images, or text and images.

I know how to create a droppable in jQuery, but it only accepts items that are explicitly declared draggable. All I want to do is highlight random text, images, or text and images using my mouse in the browser and drag it (imagine highlighting this parenthesized statement and dragging it - no need for an actual draggable) over to the droppable area.

How can I create a droppable area that accepts random things and can give me information about what is being dropped into them?

Any help is greatly appreciated.

Regards, David

我有一个页面，它有一个选项卡式视图，它下面包含 3 个可排序的列。目前，这些选项卡没有关联任何 jQuery 代码。然而，我给了他们所有的 droppable 类，现在在 IE 中，如果在列之间拖动一段内容然后再次移动，jQuery 在尝试（我认为）访问 DOM 中的 parentNode 时会爆炸。我发现这篇文章讨论了一个类似的问题，但是已经有一年了，并且是指 IE7。有谁知道IE8中是否有类似的问题？

更新：该错误在某种程度上与 UpdatePanels 相关......每一列都是一个单独的更新面板，如果我删除更新面板，页面可以正常工作。

我正在尝试使用 Jquery 克隆一个可放置的对象，但克隆的对象不可放置。

HTML

Firebug 显示克隆的对象也具有类 ui-droppable ，知道为什么它不起作用吗？

编辑
设置 bool(true) 或使用 .droppable() 链接克隆对象也不起作用

我把我的屏幕分成了两个DIV。在左边DIV我有几个 50x50 像素DIV，在右边DIV我有一个由 80x80 组成的空网格LI。左边的DIVs 是可拖动的，一旦放在 a 上LI，它们应该对齐到 的中心LI。

听起来很简单，对吧？我只是不知道如何完成这件事。我尝试通过操纵 dropDIV的 'stop和leftCSS 属性来匹配LI它们被放入的那些，但是leftandtop属性是相对于 left 的DIV。

我怎样才能最好地让放置的元素捕捉到它放置的元素的中心？这一定很简单，对吧？

编辑：我将 jQuery UI 1.7.2 与 jQuery 1.3.2 一起使用。

编辑2：对于其他有此问题的人，这就是我修复它的方法：

我使用了 Keith 的解决方案，即删除拖动的元素并将其放置在dropdroppable 插件回调中的 drop-on 元素中：

我不再将放置的元素再次拖动，但如果这样做，只需将可拖动元素再次绑定到它。

对我来说，这种方法还解决了我在放置放置的元素（相对于 left DIV）和在第二个内部滚动时遇到的问题DIV。（元素将保持固定在页面上，现在它们滚动）。

我确实使用了捕捉选项以使其在拖动时看起来不错，因此感谢 karim79 的建议。

我可能不会因此赢得任何 Awesome Code 奖品，所以如果您看到改进的空间，请分享！