Question

我在这里遇到问题...... 第一个和第二个div有两个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>

Answer 1

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

$('.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();
                }
            });
        }
    }
});

Example

克隆不应该在子div中工作

1 个答案: