使用 jQuery UI 拖放到表格行

Question

我正在尝试使用 jQuery UI 的 draggable 和 droppable 创建拖放式 UI 日历调度程序/计划程序（类似于 google 或 Outlook）。但是在应用这些方法之后，我无法将droppable的内容拖放到droppable类的第一行，或者我应该说，除了第一行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