Javascript 克隆不应在子div中工作

我这里有个问题。。。 有两个div first和second。我刚刚克隆了第一个div，它可以拖动到可拖放的第二个div。我的要求是在第二个div中也拖动克隆的div。问题是第二个div中的div，当我拖动时也会被克隆

代码是

<div class="first"></div>
<div class="second"></div>
<script type="text/javascript">
    $('.first').draggable({
        helper: 'clone'
    });
    $('.second').droppable({
        drop: function (event, ui) {
            $(this).append(ui.draggable.clone());
            $('.second .first').draggable({
                drop: function (event, ui) {
                    $(this).remove().clone();
                }
            });
        }
    });

</script>

$（'.first'）。可拖动({
助手：“克隆”
});
$（'.second'）。可拖放({
drop：函数（事件、用户界面）{
$（this.append（ui.draggable.clone（））；
$（'.second.first'）。可拖动({
drop：函数（事件、用户界面）{
$（this.remove（）.clone（）；
}
});
}
});

您可以向克隆添加一个类，然后在再次克隆之前检查删除的对象是否具有该类：

$('.second').droppable({
    drop: function (event, ui) {
        if (!ui.draggable.hasClass('clone')) {
            $(this).append(ui.draggable.clone().addClass('clone'));
            $('.second .first').draggable({
                drop: function (event, ui) {
                    $(this).remove().clone();
                }
            });
        }
    }
});

---

这是一个快速的否决票，请解释-它回答了opquestion@DaanHeskes哪一个？DaanHeskes好吧，我一定错过了你的内部笑话：（对于同一个问题，如果我必须得到$（'.second.first'）.sortable（）我该怎么办？@user3024251我想这应该作为一个单独的问题来问，因为我从来没有用过sortable和draggable，对不起