定義鼠標離開區域

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