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

只在1 div中拖动

1 个答案: