多个接受Jquery UI可拖放

嗨，伙计们，我有两个可拖动的节目表和活动，还有一个可放下的节目表。我想做的是，当我把#schedule放到#dropable时，它会重定向到schedule.php之类的页面，同样的，还有#events。有人能给我看一个示例代码吗？提前谢谢。

Droppable有一个名为“drop”的事件，当一个已接受的可拖动设备被放置在Droppable上时，会触发该事件。创建可拖放文件时，可以为此事件指定处理程序

事件处理程序的签名是“函数（事件，ui）”。“ui”参数将有一个名为“draggable”的属性，该属性又将有一个名为“context”的属性。最后一个属性表示可以从中检索元素id的基础HTML元素

然后可以使用此值切换到相应的页面（例如，使用window.location.href）

以下示例代码显示了使用事件处理程序创建可拖放文件的（基本）过程：

$('#droppable').droppable({
    drop: function(event, ui) {
       var id = ui.draggable.context.id;
       window.location.href = id + '.php';
    }
});