Javascript 在jquery不工作的情况下拖放

我有一个日历，日历上有特定时间的事件

在设计日历时，我用了桌子。每个td为特定资源指定特定时间

现在我想在这个日历中添加拖放功能，这样用户就可以通过拖放来重新安排他们的活动

JS文件包括：

 - jQuery UI 1.8.11
 - jQuery JavaScript Library v1.4.1

我使用以下代码进行拖放：

$(".event1").draggable();
$(".timetd").droppable({
        accept: '.event1',
        hoverClass: 'droppable-hover',
        drop: function(event, ui) {
           alert('yes');
        }
    });

但这不起作用意味着当我拖动div时什么也没发生

有人能帮我吗

我的代码是这样的：

更新答案 检查这里，演示

*试着在08:30的时间段下车

您不能删除，因为还没有要删除的

.timetd

类

$(function() {
    $( ".event1" ).draggable();
    $( ".timetd b" ).droppable({
      accept: '.event1',
        drop: function (event, ui) {
            alert('yes');
        }
    });
});

---

你在用这个吗：不，我没有。我已经用html、jquery和PHP编写了代码。你的小提琴无法正常加载。是的，我也遇到过这种情况。我不知道为什么？？我必须停止它的脚本。也许它也会对你有用。这是因为在那把小提琴里有大量的HTML。你似乎已经在这方面做了大量的工作。JQ1.4.1和jQUI 1.8.11一起工作吗？嘿，谢谢你，yeyene。但它并没有在下降中做任何事情。我想把td的课程放在活动课上。你的tds还没有。timetd课程。它有。现在有两个班。我的小提琴弄得一团糟。我的td设计是：我想得到这个类：r10min\u 1230再次检查我的更新答案和演示，你需要使用标签来删除。试着在08:30时间段投下。我给了背景颜色红色让你看。时间段类，在08:30时间段，你只能看到一条细细的红线，在这个时间段内，有标签，你可以投在这个上吗？