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); } 
    }); 
});