Question

我有一个类.myClass的div，我通过点击#cloneIT来克隆它它完美地克隆了div，但是当我拖动它时总是先拖动div。在这里我的代码：

$("document").ready(function(){
$(".myClass").draggable({ containment: 'parent' });
 var countClones = 0;
$("#cloneIt").click(function(){
$('.myClass').clone(true).attr('id',$('div.myClass')[0].id+countClones).prependTo('body');
 countClones += 1;
    var newDiv = $("<div>Cloned: " + countClones + "</div>");
  $("body").append(newDiv);
  return false;
});

});

的jsfiddle： http://jsfiddle.net/qQ6ws/3/

1）当你点击克隆它，PLZ拖动测试，它将有克隆版本，我无法点击或拖动。

2）已在更新中修复

更新 http://jsfiddle.net/qQ6ws/3/

我已修复第二个问题现在唯一的问题是我无法拖动克隆版本甚至点击它们谢谢你的帮助。

Answer 1

我猜this是你想要的？克隆可拖动元素似乎也不会克隆事件，即使将clone（true）作为参数传入也是如此。我已经注意到了其他jQuery控件，例如droppable。您必须在克隆元素上显式调用.draggable()。

Answer 2

我认为当您使用“true”参数进行克隆时，它还会复制事件处理程序，从而打破“可拖动”实现。可能唯一的选择是在没有“true”参数的情况下进行克隆，并根据需要重新注册事件监听器。

jquery clone可拖动点击

2 个答案: