拖放后將訪問者發送到新頁面

Question

我想將訪客將三個硬幣拖到三個不同的罐子中后，將訪客發送到新頁面，但是我不確定將硬幣拖入罐子后如何觸發新頁面。 我希望這樣的事情能起作用： http : //jsfiddle.net/F8L44/

$(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");
        }
    });
}

Answer 1

$(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");
        }
    });
}