文章/答案/技术大牛

发布

社区首页 >问答首页 >如何为可拖放项添加占位符？

问如何为可拖放项添加占位符？
EN

Stack Overflow用户

提问于 2014-08-22 09:42:37

回答 1查看 516关注 0票数 0

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

每当左侧边栏中的项(例如输入、密码等)被拖动到主部件(表单编辑器)时，元素就被“添加”到指定位置。

当编辑器中的现有项(在删除后)被拖动时，它们可以很容易地被重新排序，显示虚线边框占位符作为元素要移动的确切位置。这个是用sortable的placeholder完成的。

然而，我仍然无法找到一种方法，使之工作的项目被从侧边栏中删除。

有什么想法吗？

“可拖”：

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

Fiddle : http://jsfiddle.net/xpayr4vt/

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

javascript

jquery

html

css

jquery-ui

回答 1

Stack Overflow用户

发布于 2014-08-22 10:44:24

好吧，太简单了。天哪..。

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

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25444036

复制

相似问题

问如何为可拖放项添加占位符？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何为可拖放项添加占位符？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何为可拖放项添加占位符？
EN