HTML JQuery Maphilight没有匆匆 - 不知道为什么

时间:2017-04-16 13:33:48

标签: jquery html maphilight

在我的页面http://www.veniria.esy.es/#veniria上,我有一个带有JQuery maphilight插件的图像映射。它工作得很好,直到我将主页添加到网站。现在它根本不工作,就像JQuery没有检测鼠标悬停一样,因为这不起作用:

fromByteArray

右侧的按钮没有变暗。

1 个答案:

答案 0 :(得分:0)

目前,您已准备好文档上的$("#veniria").maphilight();。 但是在准备好文档时,地图是隐藏的,因此画布的宽度和高度设置为零 你需要改变:

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