使用Jquery的USMap

Question

我正在使用这个网站的USMap插件：http://newsignature.github.io/us-map/。我已经包含了所有的js文件，并且我可以在我的页面中看到地图。但是，用于获取单击状态的状态名称的代码不起作用。

这是.js代码。

$(document).ready(function() {
$('#map').usmap({
// The click action
 click: function(event, data) {
  $('#clicked-state')
   .text('You clicked: '+data.name)
   .parent().effect('highlight', {color: '#C7F464'}, 2000);
 }
  });
   });

  <p:panel id="USmap" header="USMap">
    <div id="clicked-state">hi</div>
    <div id="map" style="width: 500px; height: 300px;"></div> 

  </p:panel>

我还想把状态名传递给backing。我正在使用primefaces。我该怎么做呢？任何帮助都将不胜感激。

Answer 1

你能验证你的脚本链接吗。您可能希望尝试将脚本放在ui控件之后。

如果您在本地运行脚本，则可能必须将raphael.js文件放在名为'libs‘的文件夹中。

下面是//jsfiddle.net/f4HWX/