javascript - jvectormap - 在预定义为选中的区域上禁用 onclick 事件

Question

正如您有这样的示例：http: //jvectormap.com/examples/regions-selection/，您可以通过执行以下操作预定义选定区域：

selectedRegions：[“黑森”，“拜仁”]

但是，我想禁用这些区域，因此在我将它们预定义为选中后，它们不能被单击或更改状态。

任何人有任何想法如何完成这样的事情？

谢谢！

Answer 1

返回 false 或 event 以防止默认区域超过以禁用该特定区域的鼠标悬停的进一步事件。与所有事件一样明智，例如标记结束，标记单击等。

前任。

jQuery('#map1').bind('regionOver.jvectormap',function(event, code)
{
  if(code == 'US')
  {
     return false ; // if mouse over on 'US' region it will stop further events. like disable
  }
}

这对你有很多帮助。

谢谢你 。

Answer 2

旧帖子，但不是侵入鼠标事件，您可以在事件单击时禁用该区域（预定义）。

笔记：

/**
 * jVectorMap version 2.0.4
 *
 * Copyright 2011-2014, Kirill Lebedev
 *
 */

---

禁用区域的点击事件：

var yourMap = new jvm.Map({
    map: 'world_mill_en',
    container: $('#map'),
    ....
    ....
    onRegionClick: function (e, code) {
        // check your code here
        if (code == 'somethingYouWantToDisable') {
            e.preventDefault();
        }            
    }
});

---

如果您需要禁用有关区域的其他事件，请查看以下内容：

    onRegionTipShow: function (e, label, code) {
        e.preventDefault();
    },
    onRegionSelected: function (e, code, isSelected, selectedRegions) {
        e.preventDefault();
    }