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

【问题标题】：How to add a placeholder for draggable items?如何为可拖动项目添加占位符？
【发布时间】：2014-08-22 18:44:24
【问题描述】：

好的，所以我使用 jQuery UI droppable、draggable 和 sortable 实现了一个简单的拖放测试。

只要将左侧边栏中的项目（例如输入、密码等）拖到主要部分（表单编辑器），该元素就会“添加”到指定位置。

当编辑器中的现有项目（在被拖放之后）被拖动时，它们可能很容易被重新排序，显示一个虚线边框占位符，以表示元素将要移动的确切位置。这是使用sortable 的placeholder 完成的。

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

有什么想法吗？

“可拖动”：

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

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

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

【问题讨论】：

在您的可拖动事件中：$(this).attr("placeholder", "Type your text here");
@singe31 你到底是什么意思？在我的myHelper( event ) 函数中？
我不知道，你不给任何代码，我只是在这里猜测。
@singe31 我已经包含了有问题的完整页面 (83.212.101.132/angjs/ang4.html)，你可以看到完整的代码。
@Dr. Kameleon 你必须提供一个 js fiddle，以便我们可以加起来帮助你。没有它，我们应该如何帮助你。我们只能猜测您的代码。

标签： javascript jquery html css jquery-ui

【解决方案1】：

好的，那太简单了。天哪……

我所要做的就是将draggable 连接到sortable，例如：

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

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

【讨论】：

我看不出与您的问题标题有任何关系（谈论占位符）。由于您描述问题的方式，我怀疑有人会在这里找到答案，目前还不清楚问题是什么。