HTML JQuery Maphilight 不高亮 - 不知道为什么

Question

在我的页面 http://www.veniria.esy.es/#veniria 上，我有一张带有 JQuery maphilight 插件的图像地图。在我将主页添加到站点之前，它工作得很好。现在它根本不起作用，就像 JQuery 没有检测到鼠标悬停，因为这也不起作用：

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

右边的按钮没有高亮。

Answer 1

目前您运行文件上的 $("#veniria").maphilight(); 已准备就绪。但是在准备好文档时，地图是隐藏的，因此 canvas 将宽度和高度设置为零。
您需要更改：

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

收件人：

$("#pageMain").fadeIn(500, function(){
    $("#veniria").maphilight();
});

两者都

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();
        });
    });
});

HTML JQuery Maphilight 不高亮 - 不知道为什么

HTML JQuery Maphilight not hilighting - don't know why

html

jquery

maphilight