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

在上面的选项，一旦该项目实际上是下降了，下降回调火灾，并导致拖动项目将在“遏制”选项约束的项目。