jquery draggable/droppable

Question

以下任何幫助將不勝感激。我需要在可丟棄的盒子外面有一張照片。用戶應該能夠將圖片拖動到框中，一旦圖片在框內，用戶仍然可以拖動它，但只能在框內。

預先感謝您的任何指針。

Answer 1

這可以通過將「包含」選項添加到可拖放對象的「拖放」回調中的可拖動對象來完成。例如：

$(function() { 
    $("#draggable").draggable(); 
    $("#droppable").droppable({ 
     drop: function(event, ui) { 
      $(this) 
       .addClass("ui-state-highlight") 
       .find("p") 
       .html("Dropped!"); 
      $("#draggable").draggable({containment:"#droppable"}); 
     } }); 
}); 

在上面的選項，一旦該項目實際上是下降了，下降回調火災，並導致拖動項目將在「遏制」選項約束的項目。