Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 拖放后将访问者发送到新页面_Javascript_Jquery_Css_Jquery Ui - Fatal编程技术网

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