拖放jquery无法正常工作

Question

我有一个日历，我在该日历上的特定时间有活动。

在那个日历的设计中，我使用了表格。每个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时没有发生任何事情。

有人可以帮助我吗？

我的代码就像这个小提琴：

http://jsfiddle.net/mausami/xp786/

Answer 1

更新答案

点击此处，DEMO http://jsfiddle.net/yeyene/xp786/4/

*尝试在08:30时段放弃。

你不能放弃，因为还没有.timetd类掉线。

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