HTML JQuery Maphilight hilighting하지 않음 - 이유를 모르겠 음

Question

내 페이지에서 http://www.veniria.esy.es/#veniria 나는 JQuery maphilight plugin으로 이미지 맵을 가지고 있습니다. 메인 페이지를 사이트에 추가하기 전까지는 정상적으로 작동했습니다.

$('#linkAbhaeghar').mouseover(function(e) { 
    $('#abhaegharMap').mouseover(); 
}).mouseout(function(e) { 
    $('#abhaegharMap').mouseout(); 
}).click(function(e) { 
    e.preventDefault(); 
}); 

및 오른쪽 버튼을 hilighting 없습니다 : JQuery와 마우스 오버를 감지하지 못하고있는 것처럼이 중 하나가 작동하지 않기 때문에 지금은 전혀 작동하지 않습니다.

Answer 1

현재 문서 준비 완료시 $("#veniria").maphilight();을 실행 중입니다. 하지만 문서 준비가되면지도가 숨겨져 캔버스의 너비와 높이가 0으로 설정됩니다.

$("#pageMain").fadeIn(500); 

에 : 몇 가지 이유를 들어 두

function hash() { 
    if(window.location.hash == "#veniria") { 
     $(".page").fadeOut(500).promise().done(function(){ 
      $("#pageMain").fadeIn(500, function(){ 
       $("#veniria").maphilight(); 
      }); 
     }); 
    } 
} 

그리고

$("#menuMain").click(function(){ 
    $(".page").fadeOut(500).promise().done(function(){ 
     $("#pageMain").fadeIn(500, function(){ 
      $("#veniria").maphilight(); 
     }); 
    }); 
});