Question

我有一个可以拖动的图像列表。

要拖动我使用

 $('.test').draggable({opacity: 0.5}).resizable();

我想将拖动的div复制到它被拖入的div中。所以，如果我拖动

 <div class="test">
  <img src="test.png">
 </div>

进入

  <div id="box">
  </div>

它应该成为

 <div id="box">
   <div id="test">
   <img src="test.png">
   </div>
 </div>

我希望它在div框中，因为我已经打印了div框。所以如果它不在div框中而只是在它上面，它就不会打印img。

我可以看到它的使用不足

$('.box').droppable({
    drop: function( event, ui ) {
    $( this )
    .addClass( "ui-state-highlight" )
    .find( "p" )
    .html( "Dropped!" );
  }
});

Answer 1

你应该使用，jquery ui draggable和droppable并使用帮助器克隆，如果你想复制内容，如果你想移动内容，只需在droppable上添加，再见。

Answer 2

内

$("#bord").droppable
    ({  
        greedy: true,
        tolerance:"pointer",
        drop: function (event, ui) 
        {
             //here
        }

我有

        .addClass('sleep').appendTo($(this))

这就是我所需要的一切。

追加对我有用。

有关追加的一些信息。

Link to jquery api examples

描述：将参数指定的内容插入到匹配元素集中每个元素的末尾。

复制拖动的项目

2 个答案: