如何使用jQuery克隆元素?

时间:2017-06-09 12:25:58

标签: jquery clone jquery-ui-draggable

我试图实施一个拖拉机使用jQuery和amp; drop功能它工作得很好,现在我想在旧的地方用另一个替换被拖动的元素。

我使用clone()方法,但由于我是jQuery的新手,我编写的代码无限地克隆了元素,有人可以帮助我吗?

这是我的代码:

<script> 
$(function() {
    $(".draggable").draggable(
        {
            drag : function(event, ui) {
                $(this).clone().appendTo(this)
            }
        });

    $(".droppable").droppable({
        drop: function(event, ui) {
            $(this).addClass("ui-state-highlight")
        }
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

这基本上有效。但你必须根据自己的需要调整它。

var dropclone;
$( ".draggable" ).draggable({
    start: function (event, ui) {
        dropclone = ui.helper.clone();
    }
});
$( ".droppable" ).droppable({
    drop: function() {
        $('body').append(dropclone);
    }
});