2013-03-14 86 views
-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!"); 
    } 
}); 
+0

$( 'BORD。')可放开({ 下降:函数(事件,UI){$ (本) \t \t .append(本) .addClass( “UI状态高亮”) .find(“p”) .html(“Dropped!”); } });但它不工作 – 2013-03-14 13:59:30

回答

1

,你应该使用,jQuery UI的拖动和投掷的和使用助手克隆,如果要复制的内容,如果要移动的内容只是做追加上可以放弃,再见。

+0

嗨,你可以给我一个例子,我可以使用append – 2013-03-14 13:54:01

+0

应该是很好的,如果你真的在downvoting之前看问题。 – 2013-03-14 14:34:06

+0

jqueryui页面上有一个例子,你不得不使用.draggable .droppale。并且可以拖延的事件,帮助者进入可拖动的项目,再见。 – 2013-03-14 18:53:14

0

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

我有

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

至极是我所需要的。

追加为我做了诡计。

有关Append的一些信息。

Link to jquery api examples

说明:插入内容,由参数指定的,所述集合中匹配的元素中的每个元素的结束。