使用jQuery进行拖放后的DOM修改

我是jQuery的新手。我已经实现了拖放场景。我的问题是，如果jQuery在执行成功的拖放操作后自动修改内部DOM。使用jQuery进行拖放后的DOM修改

这是我的场景。最初我的dropable元素#droppableContainer是空的。但在我放入一些元素后，可丢弃元素仍然是空的！

下面是一些测试代码，我写在我的投掷的所有子元素进行迭代：

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

});

上面的测试代码单独执行，所有的可拖动和投掷的事件之后，但没有被打印出来。

在此先感谢！

来源

2012-07-26 Marquinio

如何确保您发布的代码，在那可投放孩子迭代，运行**只有在**所有拖放操作已完成执行？ – Bogdan 2012-07-26 21:07:22

你应该访问可放开容器中drop事件可放开元素：

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

来源

2012-07-26 21:00:25 Bogdan

使用jQuery进行拖放后的DOM修改

回答

相关问题