Javascript 拖放后将访问者发送到新页面
我想在访问者将三枚硬币拖进三个不同的罐子后,让他们进入一个新页面,但我不确定在他们将硬币拖进罐子后如何触发新页面。 我希望这样的事情能奏效:Javascript 拖放后将访问者发送到新页面,javascript,jquery,css,jquery-ui,Javascript,Jquery,Css,Jquery Ui,我想在访问者将三枚硬币拖进三个不同的罐子后,让他们进入一个新页面,但我不确定在他们将硬币拖进罐子后如何触发新页面。 我希望这样的事情能奏效: 非常感谢。这是为博物馆的儿童展览准备的,所以孩子们会非常感激的。不用担心!我很高兴能帮上忙:)谢谢!这是为博物馆的儿童展览准备的,所以孩子们会非常感激的。不用担心!我很高兴我能帮忙:) $(init); function init() { $('#makeMeDraggable1').draggable(); $('#makeMeDrop
非常感谢。这是为博物馆的儿童展览准备的,所以孩子们会非常感激的。不用担心!我很高兴能帮上忙:)谢谢!这是为博物馆的儿童展览准备的,所以孩子们会非常感激的。不用担心!我很高兴我能帮忙:)
$(init);
function init() {
$('#makeMeDraggable1').draggable();
$('#makeMeDroppable1').droppable({
drop: function () {
$("#makeMeDraggable1").draggable("option", "containment", "#makeMeDroppable1");
}
});
$('#makeMeDraggable2').draggable();
$('#makeMeDroppable2').droppable({
drop: function () {
$("#makeMeDraggable2").draggable("option", "containment", "#makeMeDroppable2");
}
});
$('#makeMeDraggable3').draggable();
$('#makeMeDroppable3').droppable({
drop: function () {
$("#makeMeDraggable3").draggable("option", "containment", "#makeMeDroppable3");
}
});
}
$(init);
function init () {
var drops = 0,
redirectIfDone = function () {
if (drops === 3) {
window.location = 'http://www.google.com';
}
};
$('#makeMeDraggable1').draggable();
$('#makeMeDroppable1').droppable({
drop: function () {
drops++;
redirectIfDone();
$("#makeMeDraggable1").draggable("option", "containment", "#makeMeDroppable1");
}
});
$('#makeMeDraggable2').draggable();
$('#makeMeDroppable2').droppable({
drop: function () {
drops++;
redirectIfDone();
$("#makeMeDraggable2").draggable("option", "containment", "#makeMeDroppable2");
}
});
$('#makeMeDraggable3').draggable();
$('#makeMeDroppable3').droppable({
drop: function () {
drops++;
redirectIfDone();
$("#makeMeDraggable3").draggable("option", "containment", "#makeMeDroppable3");
}
});
}