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的元素。