Question

好的，我已经使用jQuery用户界面droppable，draggable和sortable实施了简单的拖放测试。

每当左侧边栏中的项目（例如输入，密码等）被拖动到主要部分（表单编辑器）时，该元素就被添加到＃34;到指定的位置。

当拖动编辑器中的现有项目（在被删除之后）时，可以轻松地重新排序它们，显示虚线边框占位符以及元素移动的确切位置。这一个是使用sortable＆＃39; s placeholder完成的。

但是，我仍然无法找到一种方法来解决从侧边栏中删除项目的问题。

有什么想法吗？

＆＃34; draggable＆＃34;：

            $(".wrp").draggable({
                snap: false,
                stack: ".wrp",
                cursor: 'move',
                helper: myHelper
            });

小提琴： http://jsfiddle.net/xpayr4vt/

演示： http://83.212.101.132/angjs/ang4.html

Answer 1

好的，那个太简单了。 OMG ...

我所要做的就是将draggable与sortable联系起来，例如：

            $(".wrp").draggable({
                snap: false,
                stack: ".wrp",
                cursor: 'move',
                helper: myHelper,
                connectToSortable: "#theform",
            });

这么简单的事情浪费了太多时间。我希望这个可以帮助任何人寻找完全相同的东西......： - ）

如何为可拖动项目添加占位符？

1 个答案: