jQueryvmap與Bootstrap彈出窗口內容

Question

我試圖在jqueryVmap區域點擊事件中實現Bootstrap彈出窗口。

的jsfiddle與默認hello消息： - 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' 
      }) 
     });