使用jQueryUI构建垂直和水平的拖放界面(包括几乎工作的jsfiddle示例)
使用jQueryUI构建垂直和水平的拖放界面(包括几乎工作的jsfiddle示例)
提问于 2011-05-03 06:17:45
我正在尝试使用jQueryUI构建一个允许水平和垂直拖放的拖放界面。
我在现有行的上方、之间和下面创建水平拖放区域。我允许垂直拖放元素与jQueryUI排序。我可以将现有元素拖放到新行或现有行中。
我用我到目前为止所掌握的东西设置了这个小玩意：http://jsfiddle.net/travisrussi/DzS8d/2/
以下是我所面对的问题：
- 在contentPane中的新行中删除第二个元素将导致元素直观地恢复，即使它成功地删除，并且可拖放的对象已经“还原”设置为“无效”.
- _**Replication steps**_ _(using the jsfiddle)_
- Drag Option 1 to the contentPane.
- Drag Option 2 to the top droppable row (above where Option 1 is).
- _**Expected Behavior**_
- Once Option 2 has been dropped, it should not visually revert back to it's original position.
- 拖动contentPane中的现有元素将使其跳转到屏幕的左上角。
- _**Replication Steps**_
- Drag Option 1 to the contentPane.
- Mousedown on Option 1 in the contentPane.
- _**Expected Behavior**_
- Mousedown on Option 1 should position the helper element relative to the mouse cursor.
我在这里孤立了这个问题：Connecting a Draggable to Sortable causes helper element to jump
- 在现有行中删除一个新元素并在contentPane中添加一个现有元素，导致新元素在现有行中使用一个新元素复制，而在现有行之上的一个新元素中复制一个新元素。
- _**Replication Steps**_ - Drag Option 1 to the contentPane.
- Drag Option 2 to the same row as the first step.
- _**Expected Behavior**_ - Option 2 should be added to the existing row only.
对这些问题有什么想法吗？
回答 1
Stack Overflow用户
发布于 2011-05-10 01:40:14
我基本上重建了界面，并使它正常工作。
下面是一个允许垂直和水平拖放的工作演示链接：http://jsfiddle.net/travisrussi/EGNWU/
在这个演示中，我不尝试显示/隐藏水平放置区域(它们只是保持可见)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5865786
复制相关文章
相似问题
腾讯云开发者
