使用jQuery UI

Question

我正在尝试使用jQuery UI draggable和droppable创建一个拖放式UI日程安排程序/计划程序（类似google或outlook）。但是在应用这些方法之后，我无法拖放droppable内容，因为它被拖动到类droppable的第一行，或者我应该说，无法拖动到除{1}之外的任何其他行第一个droppable类元素。

这是js代码：

$().ready(function () 
    {
        $(".droppable tr td").droppable();
        $(".draggable").draggable({
            containment: '.droppable'
        });
    });

这是Fiddle。

我希望能够使用droppable类拖放到表格中的任何行。

Answer 1

您已设置containment: '.droppable'，droppable是<tr>标记中的类，因此一旦将其放入tr.droppable内，您就无法将其删除。

只需删除containment: '.droppable'即可解决此问题。 Updated demo