使用 jQuery maphighlight 插件切换功能

Question

我刚刚将 jQuery Maphighlight 添加到我的应用程序中，查看我正在努力获取图像地图上的每个形状以切换单击时突出显示状态的文档。

我可以切换一个形状，但不能切换多个

这适用于一种形状：

$(function() {
    $('.map').maphilight();  

    $('#north').click(function(e) {
      e.preventDefault();
      var data = $('#north').mouseout().data('maphilight') || {};
        data.alwaysOn = !data.alwaysOn;
      $('#north').data('maphilight', data).trigger('alwaysOn.maphilight');
    });
  });

如何扩展它以涵盖所有形状？

非常感谢您的帮助。

Answer 1

改变 jQuery 选择器，如下所示：

 $(function() {

    $('.map').maphilight();  

    // classname optional
    $('.map area.classname').click(function(e) {
      e.preventDefault();
      var data = $(this).mouseout().data('maphilight') || {};
      data.alwaysOn = !data.alwaysOn;
      $(this).data('maphilight', data).trigger('alwaysOn.maphilight');
    });
  });