定义鼠标离开区域

Question

我有一个迷宫，用户可以通过拖动他的鼠标通过路径遍历。

我想要迷宫只在鼠标离开主区域时才刷新，而不是在鼠标离开笑脸区域时刷新，因为用户可能会从起始位置以外的位置开始迷宫。

JSFiddle

$('#highlight_lose').bind('mouseleave', function() { 
    $(this).fadeOut(1000); 
}) 

Answer 1

使用 .on()代替.bind()如您使用的1.8+ jQuery库

//更新

$('#highlight_lose').bind('mouseleave', function() { 
    $(this).fadeOut(1000); 
    $(".white").html("START HERE!"); 
}) 

$('#finish').on('mouseenter', function() { 
    $('#highlight_win').fadeIn(1000); 
    $('.wall').css("background", '#fff'); 
}) 

$('#highlight_win').on('mouseleave', function() { 
    $(this).fadeOut(1000); 
    $('.wall').css("background", '#fff'); 
}) 

Fiddle Demo-- >Updated Fiddle