Question

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

我可以获得一个形状来切换而不是多个

这适用于一种形状：

$(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');
    });
  });

使用jQuery maphighlight插件切换功能

1 个答案: