Question

我正在尝试构建一个界面工具，它基本上允许用户使用常见的UI元素构建网格。

基本上，我们的想法是将内容元素（图片，标题，standfirst等）拖到底部的灰色占位符中。一旦他们在那里，他们就不再是Draggables（因为这打破了他们继承的CSS网格系统），然后可以调整它们的大小。用户界面中的原始项目应保持原样，因此用户基本上将它们克隆到要定位的框中。

这几乎适用于我的演示，但是当用户抓取UI元素并将其拖动到占位符中时，我会从克隆元素中删除最终位于占位符内的ui-draggable类。这也将它从原始的源元素中移除（我希望它保持原样），因此它不再可用。

有没有办法将这些东西结合起来，以便它们协同工作？希望很清楚我正在尝试做什么。

Answer 1

没关系 - 在这里找到答案：https://stackoverflow.com/a/3041887/176615

（基本上是这段代码）

stop: function(event, ui) {
    //check it wasn't here previously
    if(!ui.item.data('tag') && !ui.item.data('handle')) {
        ui.item.data('tag', true); //tag new draggable drops
        ui.item.removeClass('ui-draggable'); // dirty hack
    }
},

jQuery UI：在克隆Sortable时将Sortable与Draggable结合使用

1 个答案: