Javascript JQVMap-将区域设置为禁用/不可选择
我想设置地图中没有数据的区域,以禁止单击。有没有办法做到这一点…我已经成功地禁用了RegionOver上的颜色更改,但相同的区域仍然对单击做出响应(并更改区域的颜色…)。 我尝试从onRegionOver和onRegionClick事件调用preventDefault()方法…但没有帮助。。。 非常感谢您的帮助Javascript JQVMap-将区域设置为禁用/不可选择,javascript,jquery,jqvmap,Javascript,Jquery,Jqvmap,我想设置地图中没有数据的区域,以禁止单击。有没有办法做到这一点…我已经成功地禁用了RegionOver上的颜色更改,但相同的区域仍然对单击做出响应(并更改区域的颜色…)。 我尝试从onRegionOver和onRegionClick事件调用preventDefault()方法…但没有帮助。。。 非常感谢您的帮助 谢谢大家! 反应迟钝,但也许这可以帮助下一个人 var states = 'ca,co,tx,ny,ks,mo'; $('#vmap').vectorMap({ map:
谢谢大家! 反应迟钝,但也许这可以帮助下一个人
var states = 'ca,co,tx,ny,ks,mo';
$('#vmap').vectorMap({
map: 'usa_en',
selectedRegion: 'tx',
backgroundColor: '#ffffff',
color: '#E6E7E9',
hoverColor: '#03235E',
enableZoom: false,
showTooltip: true,
onRegionOver: function (event, code, region) {
// if it's not in the approved list, do nothing,
// else allow normal behavior
if (states.toLowerCase().indexOf(code) <= -1) {
event.preventDefault();
}
},
onRegionClick: function (event, code, region) {
// if it's not in the approved list, do nothing, else handle it
if (states.toLowerCase().indexOf(code) <= -1) {
event.preventDefault();
}
else {
//handle state click
}
}
})
var状态='ca、co、tx、ny、ks、mo';
$('#vmap').vectorMap({
地图:“美国”,
所选区域:“tx”,
背景颜色:“#ffffff”,
颜色:'#E6E7E9',
悬停颜色:“#03235E”,
enableZoom:false,
showTooltip:true,
onRegionOver:函数(事件、代码、区域){
//如果它不在批准的列表中,什么也不要做,
//否则允许正常行为
如果1.5.0版中的(states.toLowerCase().indexOf(code),您可能需要返回false;
而不是event.preventDefault();
中的onRegionClick