2010-06-14 224 views
1

關於如何使克隆可拖動的任何想法?可拖拽的克隆Jquery?

  $("#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();不起作用。

回答

5

您無法使用#開始ID。正如你在這裏:

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();     
+0

那完美工作,感謝。 – jbatson 2010-06-14 17:41:37

+0

還有一個問題,我如何停止克隆項目的克隆,只需要它是可拖動的。 – jbatson 2010-06-14 17:44:55

+0

我試圖做一些像http://examples.placona.co.uk/drag_drop除了最新版本的jquery。 – jbatson 2010-06-14 18:05:19