jquery - 仅在 1 div 中拖动

Question

我有 2 个 div，1 个带有图像列表，1 个带有 div 板。使用以下方法使图像可拖动：

 $('.image').draggable({ opacity: 0.9}).resizable();

div 板在左侧（固定宽度 80%） 图片在右侧（固定宽度 20%）

我想这样做，所以如果我将图像放在 div 板中，它会进入 div 板。并且不维护 div 图像。如果它在 div 板中，则只能将其拖入板中，而不能返回到图像。

我试过

$('#board').droppable();

和

$( "#board" ).droppable({accept: "#draggable});

我已经阅读了不同的页面，但我无法让它工作

编辑：我有一个打印 div 板内容的按钮，所以它必须在 div 中！

Answer 1

像这样试试

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

或者你可以这样尝试

$('#droppable').droppable({ drop: Drop });

 function Drop(event, ui) {
     var draggableId = ui.draggable.attr("id");
     var droppableId = $(this).attr("id");
 }