使用 jQuery maphighlight 插件切换功能

发布于 2024-12-27 11:22:21 字数 493 浏览 0 评论 0原文

我刚刚将 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');
    });
  });

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

非常感谢您的帮助。

原文

I've just added the jQuery Maphighlight to my app, looking at the docs I'm struggling to get each shape on the imagemap to toggle the highlighted state on click.

I can get one shape to toggle but not multiples

This works for one shape:

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

How can I expand on this to cover all the shapes?

Thanks very much for any help.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

郁金香雨 2025-01-03 11:22:21

改变 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');
    });
  });

Altering the jQuery selector, like so:

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

回复收藏 0 原文

~没有更多了~