拖放与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

更新答案

在这里检查演示http://jsfiddle.net/yeyene/xp786/4/

*请尝试在08:30时隙投放。

而且您无法删除，因为还没有要删除的.timetd类。

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