0

私は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になければなりません！

4

1 に答える 1

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");
 }
于 2013-03-14T10:44:56.440 に答える