可拖动克隆Jquery?

时间:2010-06-14 16:55:50

标签: jquery jquery-ui

关于如何使克隆可拖动的任何想法?

            $("#draggable").draggable({
                helper: 'clone',
                cursor: 'pointer',
            });

            $("#snaptarget").droppable({
                drop: function(event, ui) {
                       var randomnumber = Math.floor(Math.random()*1000000);
                       var newId = '#draggable_'+randomnumber;

                        $(ui.helper).clone(true).removeAttr('id').attr('id',newId).appendTo('#snaptarget');                     
                        $(newId).draggable();                   
                }
            });

$(NEWID).draggable();不起作用。

1 个答案:

答案 0 :(得分:5)

您无法使用#启动ID。你在这里:

var newId = '#draggable_'+randomnumber;

应该是:

var newId = 'draggable_'+randomnumber;

然后这个:

$(newId).draggable();

应该是:

$('#' + newId).draggable();

示例: http://jsfiddle.net/M3UWp/

所以你最终得到:

var newId = 'draggable_'+randomnumber;
$(ui.helper).clone(true).removeAttr('id').attr('id',newId).appendTo('#snaptarget');  
$('#' + newId).draggable();