大家好我有2个可拖动的div #schedule和#events以及一个可放置的div#droppable。我想要做的是当我将#schedule放到#droppable时,它将重定向到某些页面,如schedule.php,同样也用#events。有人能告诉我一个示例代码吗?提前感谢。
答案 0 :(得分:0)
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';
}
});