jQuery的拖放界面

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的每个elemt必须被拖动，但无法在它们之间循环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); } 
    }); 
});