阻止区域,不允许鼠标效果

时间:2013-10-09 11:15:16

标签: javascript jquery performance javascript-events

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

这里是小提琴链接: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();
})

1 个答案:

答案 0 :(得分:2)

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元素。我将类墙定义为黑色,以便您可以有效地检查第一个框是否已经悬停在上面。