jquery克隆拖动

Posted 2023-02-22

【中文标题】jquery克隆拖动

【英文标题】：jquery clone drag

【发布时间】：2010-11-16 14:53:51

【问题描述】：

我在一个区域上附加标签时遇到问题。 我想在更改 ID 后将 #Normal_Tag1_div 的克隆附加到 #droppable。 我还想让那个克隆可以在 #droppable only 上拖动。 我该怎么做？？

$('#Normal_Tag1_div').draggable(helper:'clone');  
         $('#droppable').droppable(
           drop: function(ev,ui) 
                    clone = $(ui.draggable).clone();
                    $(clone).attr('id', 'newid'+count1)
                    $('#droppable').append(clone);
                    //$(clone).draggable();
                        //$('#droppable').droppable();
                    var title = $(clone).attr('id');
                alert(title);
                 
            );

【参考方案1】：

试试这个...

$(clone).draggable( containment: 'parent' );

【参考方案2】：

您可以使用 jQuery UI Draggable 中的containment 选项。它将拖动限制到给定的 div。