javascript - jQuery Vmap 刷新与函数加载

Question

我正在使用以下插件:http://jqvmap.com/给我带来了一个有不同地区的国家的正确 map 。

我想用发布数据刷新页面，以在发生点击时过滤一些信息。我使用了 load 函数，看起来很容易使用，但即使达到该函数，之后也没有任何反应。

这是 jQuery:

$(document).ready(function() {
    $('#francemap').vectorMap({
        map: 'france_fr',
        hoverOpacity: 0.5,
        hoverColor: "#EC0000",
        backgroundColor: "#444444",
        color: "#FACC2E",
        borderColor: "#000000",
        selectedColor: "#EC0000",
        enableZoom: false,
        showTooltip: true,

        onRegionClick: function(element, code, region)
        {
            var url = "home";
            $(document).load(url, {region:region});
        }
    });
}); 

所以如果我基本上点击一个区域:什么也不会发生。偶以为onRegionClick函数就达到了。

我敢打赌，这是一个“DOM 级别问题”，就像我在 $("#francemap") 中调用文档选择器一样，但我无法确定，而且我不知道如何克服这个问题。

感谢您阅读我的文章

Answer 1

如果你想刷新页面，你需要

window.location = url+"#"+region;

 

$(document).load(function() {}) 
// Bind an event handler to the "load" JavaScript event.

这是一个example