【问题标题】:jQuery Drag and Drop only drop once in ChromejQuery Drag and Drop 只在 Chrome 中拖放一次
【发布时间】:2012-07-16 16:33:27
【问题描述】:

我为此做了一个小提琴

http://jsfiddle.net/likwidt/EarWR/3/

基本上,这几乎是我在 IE 中想要的方式,但 Chrome 和 FF 没有那么多。

我想将一个项目拖到一个放置区,然后可以选择将它拖到另一个可放置对象或拖出以恢复到它的原始位置。

当我将一个项目放入放置区时,我不能再拖动它了。

问题: 为什么拖放后不能再次拖动?使用小提琴将拖放设置重置为空,它仍然无法正常工作我无法解释......但我已经编写了可以拖出多个拖放区域的可拖动,是什么阻止了这些......还有一个 OUT 事件...为什么如果这是它应该起作用的方式。

以前有没有人解决过这个问题,也许有人可以给我一个提示,为我指明正确的方向。

【问题讨论】:

  • 您可能想查看.sortable() 而不是拖放。示例见jQuery UI Sortable Demo
  • sortable 会重置原始位置,因此可爱的还原功能将不再起作用。
  • 除此之外这在 IE 中有效,所以从纯粹的知识角度来看,有什么区别?

标签: jquery jquery-ui firefox google-chrome drag-and-drop


【解决方案1】:

可放置的 div 正在“覆盖”已放置的 DIV

如果您设置“z-index :999”,例如为我解决了这个问题。

我会为你修复代码.. 但它一团糟,我的眼睛受伤了.. 所以在这种情况下只是一个简单的答案

.Top{
 z-index : 999;
}

将该类添加到您的项目中。

【讨论】:

  • 您认为您的眼睛受伤了,请尝试连续几天处理此标记,谢谢。
  • 至于代码一团糟...我在它的中间ok...给我休息一下!
  • :-) 好吧好吧.. 我可以看到你的压力水平正在爆炸式增长.. 休息一下.. 有一个 kit kat ;-) 祝你好运