Jquery Ui拖放问题

Answer 1

这是您的代码的工作版本： http://jsfiddle.net/marcosfromero/YRfVd/

我添加了这个HTML：

<div id="new-dropcontainer">
    <ul>
    </ul>
</div>

使用此关联的JavaScript：

        if(o.droppableDiv!=undefined){
            $(o.droppableDiv).droppable({
                drop: function( event, ui ) {
                    // clone the original draggable, not the ui.helper
                    // and append it to the ul element inside new-dropcontainer
                    jQuery('#new-dropcontainer ul').append(ui.draggable.clone());
                    // some extra code for proper widget creation
                }
            });
        }

Answer 2

你应该clone()可拖动的对象。

或者更好的是，使用helper clone选项

$( ".selector" ).draggable({ helper: 'clone' });

Answer 3

为什么不只是部分淡出点击的图标，克隆它，然后启动拖动和放大放弃克隆元素？

Answer 4

以防万一，我已经将jquery的版本从1.5更改为1.4.1并且它有效。我不知道为什么......

感谢所有

Answer 5

我遇到了拖放项目定位问题。当我尝试拖放项目而不是项目得到追加它总是位于顶部。这是我得到的灵魂。希望它是有帮助的

$(".zone1, .zone2").sortable({
            connectWith: ".test",
            cursor: 'pointer',
            over: function (event, ui) {
                        ui.placeholder.appendTo(ui.placeholder.parent());
                }
            }
        }).disableSelection();