定义鼠标离开区域

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