javascript - 阻止区域，不允许鼠标影响它

Question

我希望迷宫不会让用户在悲伤的笑脸出现后从随机位置开始，有什么建议吗？

这是小提琴链接：http: //jsfiddle.net/uqcLn/59/

$(".way").bind('mouseenter', function () {
    $('#highlight_lose').fadeIn(1000);
    $('.wall').css("background", '#fff');
    $(".arrow").html("Try again");

    $('.arrow').bind().addClass('gradient');
    $('.arrow').bind().html('Try again!').css('color', '#000');


    function move() {
        console.log("t");
        $(".arrow").animate({
            "margin-left": "-=10px"
        }, 300, function () {
            $(".arrow").animate({
                "margin-left": "+=10px"
            }, 300, function () {
                $(".arrow").removeAttr('style');
                move();

            });
        });
    }
    $(".arrow").removeAttr('style');
    $(".arrow").clearQueue().stop().finish();
    move();
})

Answer 1

CBRoe 的回答是正确的。我在玩你的 jsfiddle，我更新了它。检查这是否有帮助

http://jsfiddle.net/neogauravsvnit/uqcLn/60/

我只是稍微修改了js部分

$(".wall").hover(function () {
    //$(this).css("background", '#000');
    if($("#wall_first").hasClass("wall-black") || $(this).attr("id") == "wall_first"){
        $(this).addClass("wall-black");
    }
    $('#highlight_lose').fadeOut(1000);
    $(".arrow").removeAttr('style');
    $(".arrow").clearQueue().stop().finish();
    $ (".arrow"). html ("START HERE!");
})


$(".way").bind('mouseenter', function () {
    $('#highlight_lose').fadeIn(1000);
    //$('.wall').css("background", '#fff');
    $(".wall").removeClass("wall-black");
    $(".arrow").html("Try again");

    $('.arrow').bind().addClass('gradient');
    $('.arrow').bind().html('Try again!').css('color', '#000');





    function move() {
        console.log("t");
        $(".arrow").animate({
            "margin-left": "-=10px"
        }, 300, function () {
            $(".arrow").animate({
                "margin-left": "+=10px"
            }, 300, function () {
                $(".arrow").removeAttr('style');
                move();

            });
        });
    }
    $(".arrow").removeAttr('style');
    $(".arrow").clearQueue().stop().finish();
    move();
})

我在第一类类型墙中添加了一个 id 元素。我定义了类 wall-black 以便您可以有效地检查第一个框是否已悬停在上面。