多个Accept Jquery UI Droppable

Question

大家好我有2个可拖动的div #schedule和#events以及一个可放置的div＃droppable。我想要做的是当我将#schedule放到＃droppable时，它将重定向到某些页面，如schedule.php，同样也用#events。有人能告诉我一个示例代码吗？提前感谢。

Answer 1

Droppable有一个名为'drop'的事件，当在droppable上删除了一个可接受的draggable时会触发该事件。您可以在创建droppable时为此事件指定处理程序。

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

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

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

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