jquery - 使用 jQuery 拖放后的 DOM 修改

Question

我是 jQuery 的新手。我已经实现了一个拖放场景。我的问题是 jQuery 是否在成功执行拖放操作后自动修改内部 DOM。

这是我的场景。最初我的可放置元素#droppableContainer 是空的。但是在我将一些元素放入其中之后，可放置元素仍然是空的！！！

下面是我编写的一些测试代码，用于遍历我的 droppable 的所有子元素：

$('#droppableContainer').children().each(function(item) {
        alert($(this).attr('id'));

});

上面的测试代码在所有可拖动和可放置事件之后单独执行，但没有打印任何内容。

提前致谢！！！

Answer 1

drop如果存在可放置元素，您应该访问可放置容器：

$(function() {
    $( "#droppableContainer" ).droppable({
        drop: function( event, ui ) {
            console.log($(this)); // $(this) being the #droppableContainer
        }
    });
});​