jQuery - 拖放克隆元素

时间:2013-03-20 02:34:44

标签: javascript jquery html jquery-ui drag-and-drop

我有一个克隆元素,我可以拖动但是我希望将它放在一个特定的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中?

1 个答案:

答案 0 :(得分: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/