拖放與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');
        }
    });
});