2010-05-13 79 views
0

我想實現:jQuery的:麻煩與拖動整個克隆元素

  1. 用戶拖動可拖動li到可投放li
  2. 原始li不再可拖動
  3. 甲新li從原始li克隆,並且被附加到所述可投放li

我不能得到它的工作。

function moveToTerm(original_course, helper, term) { 

var cloned_course = original_course.clone(true); 

original_course.addClass('already-scheduled'); 

original_course.draggable('disable'); 
cloned_course.draggable(); 

cloned_course.appendTo(term).hide().fadeIn('slow'); 
} 

這工作正常,除了現在cloned_course不可拖動。

可投放li

<li class="term ui-droppable"> 
     <strong>Fall 2010</strong> 
     <li class="course">Computing Cultures</li> 

     <!-- this course was just dropped. I want it to be draggable but it's not --> 
     <li class="course ui-draggable" style="display: list-item;">New Media and Society</li> 
    </li> 

我在做什麼錯?

回答

0

是什麼

cloned_course.appendTo(term).hide().fadeIn('slow').draggable(); 

嗎?我懷疑draggable()只適用於已連接到DOM的元素。

+0

嗯,這聽起來像它會工作,但不幸的是'cloned_course'仍然不可拖動。 – 2010-05-13 23:03:55