jquery拖放ui

Question

HTML：

<div id="divDroppable">
    <div id="element1"></div>
    <div id="element2"></div>
    <div id="element3"></div>
</div>

jquery的：

  $("#element1").draggable();
  $("#element1").droppable({
  drop: function() { alert('dropped'); }

掉线功能警报不火我的错误在哪里？我想要一个执行div的每个元素的循环必须被拖动但是无法在它们之间循环bcz每个id都不同。

Answer 1

我注意到的第一件事是你有语法错误。该行未完成。

$("#element1").draggable();
$("#element1").droppable({
    drop: function() { alert('dropped'); }
});

如果你想对每个元素做同样的事情，你可以这样做：

$("#divDroppable div").each(function() {
    var id = this.id
    $(this).draggable().droppable({
        drop: function() { alert('dropped ' + id); }
    });
});