Jquery Ui拖放问题

时间:2011-03-18 02:09:02

标签: jquery jquery-ui drag-and-drop

5 个答案:

答案 0 :(得分:2)

这是您的代码的工作版本: 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
                }
            });
        }

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

感谢所有

答案 4 :(得分:0)

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

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