javascript - マウスリーブエリアを定義する

Question

ユーザーがパスをマウスでドラッグして横断できる迷路があります。

ユーザーが開始位置とは別の位置から迷路を開始できるため、マウスがスマイリー領域を離れたときではなく、マウスがメイン領域を離れたときにのみ迷路を更新します。

JSFiddle

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

Answer 1

1.8以降のjQueryライブラリを使用しているため、.on()代わりに使用 してください.bind()

// アップデート

$('#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 デモ -- > 更新された Fiddle