複製拖動項目

-1

我有一個圖像列表，我可以拖動。複製拖動項目

要拖我使用

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

我想把被拖動的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!"); 
    } 
});

來源

2013-03-14 Sven van den Boogaart

$（ 'BORD。'）可放開（{ 下降：函數（事件，UI）{$ （本） \t \t .append（本） .addClass（「UI狀態高亮」） .find（「p」） .html（「Dropped！」）; } }）;但它不工作 – 2013-03-14 13:59:30

，你應該使用，jQuery UI的拖動和投擲的和使用助手克隆，如果要複製的內容，如果要移動的內容只是做追加上可以放棄，再見。

來源

2013-03-14 13:47:27

嗨，你可以給我一個例子，我可以使用append – 2013-03-14 13:54:01

應該是很好的，如果你真的在downvoting之前看問題。 – 2013-03-14 14:34:06

jqueryui頁面上有一個例子，你不得不使用.draggable .droppale。並且可以拖延的事件，幫助者進入可拖動的項目，再見。 – 2013-03-14 18:53:14

內

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

我有

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

至極是我所需要的。

追加爲我做了詭計。

有關Append的一些信息。

Link to jquery api examples

說明：插入內容，由參數指定的，所述集合中匹配的元素中的每個元素的結束。

來源

2013-05-13 08:12:48

複製拖動項目

回答

相關問題