javascript - 带有引导弹出内容的 jQueryvmap

Question

我正在尝试在jqueryVmap区域单击事件中实现 Bootstrap Popover。

带有默认问候消息的 jsFiddle：- http://jsfiddle.net/perlfanatic/KD6fm/6/

带有“消息”变量的 jsFiddle：- http://jsfiddle.net/perlfanatic/KD6fm/7/

我正在尝试实现这个 http://jsfiddle.net/perlfanatic/KD6fm/7/，即弹出框上来自 jqvmap 的消息。

参考：https ://github.com/manifestinteractive/jqvmap#dynamic-updating

有人可以帮帮我吗。我不是 javascript 友好用户，我不怎么使用它，所以请善待我的 javascript noobBrain。

<script type="text/javascript">
    var message;
    jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: null,
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        showTooltip: false,
        values: sample_data,
        scaleColors: ['#C8EEFF', '#006491'],
        normalizeFunction: 'polynomial',onRegionClick: function(element, region) {
        var message = 'This Country is '
          + region;
        },
    });
    jQuery(document).ready(function(){
            jQuery('.jvectormap-region').popover({
                placement: 'bottom',
                container: 'body',
                content: "Hello",
                trigger: 'click'
            })
        });
</script>

谢谢

Answer 1

这是你要找的吗？改变标签？

http://jsfiddle.net/KD6fm/25/

jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: null,
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        showTooltip: true,
        values: sample_data,
        scaleColors: ['#C8EEFF', '#006491'],
        normalizeFunction: 'polynomial',
    onLabelShow: function(event, label, code) {
        label.text('This Country is '
          + label.text());
        }
    });
    jQuery(document).ready(function(){
            jQuery('.jqvmap-region').popover({
                placement: 'bottom',
                container: 'body',
                content: message,
                trigger: 'click'
            })
        });