如何为动态创建的元素绑定draggable?

时间:2014-06-02 11:54:59

标签: jquery jquery-ui

我有以下jquery:

$('.draggable').draggable();
$('.parent .draggable').clone(true).appendTo('.parent');

但是现在克隆的元素不允许拖动。我怎样才能让它变得可拖动?

jsfiddle

2 个答案:

答案 0 :(得分:0)

我不知道我是否理解你的问题以及这是否有助于你 但是这样所有元素都是可拖动的

<script type="text/javascript">
$(document).ready(function(){
     $('.draggable').draggable();
     $('.parent .draggable').clone().appendTo('.parent').draggable();
})
</script>

答案 1 :(得分:0)

尝试更改初始化和克隆的顺序:

$('.parent .draggable').clone(true).appendTo('.parent');
$('.draggable').draggable();

演示:http://jsfiddle.net/lotusgodkk/Lyhm5/4/

如果订单对您很重要,那么我建议您将可拖动部分包装在单独的函数中,并在克隆和追加后再次调用