1

ドラッグできるクローン要素がありますが、特定の div 要素にドロップしたいのですが、有効な場合は元の位置に戻りませんが、有効かどうかに関係なく常に元の位置に戻ります。

現在、以下のコードを使用しています。

  $("ul#objectsList li").draggable({ 
      revert: 'invalid',
      snap: "#objectsDropBox", 
      snapMode: "inner",
      helper: function() { return $(this).clone().appendTo('body').show(); },
      start: function(e, ui) { $(ui.helper).addClass("ui-draggable-helper");}
   });

   $("#objectsDropBox").droppable({
     accept: "ul#objectsList li",
     drop: function( event, ui ) {
       alert('hi');
     }
   });

有効なドラッグ可能オブジェクトがドロップされたときに div にとどまらないのはなぜですか?

4

1 に答える 1

1

これを試して

    $("#objectsDropBox").droppable({
    accept: "ul#objectsList li",
    drop: function (event, ui) {
        $(this).append(ui.draggable); 
       //if you want to retain the element use ui.draggable.html() or clone it.

    }
});

フィドル - http://jsfiddle.net/dmNhZ/

于 2013-03-20T02:43:47.570 に答える