jQuery：跨克隆元素可拖动时出现问题

Question

我正在尝试实现：

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>

我究竟做错了什么？

Answer 1

是什么

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

做？ 我怀疑draggable()仅适用于已附加到DOM的元素。