javascript - 使用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/yyene/xp786/4/

*尝试在 08:30 时间段下车。

而且你不能放弃，因为还没有.timetd要放弃的课程。

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