Question

我遇到了一个问题，我似乎无法弄明白该怎么做，并且希望你有一些见解。

我在这个页面上工作：http://rrpcompliance.com/map/html/

注意：现在我关注的唯一一个州是华盛顿和爱达荷州我希望用户一次只能选择一个州例如，你可以选择华盛顿和爱达荷

对于我的生活我无法弄清楚如何告诉maphilight脚本在点击一个新状态后停用另一个状态

Answer 1

var clicked = '';
var last_clicked = '';

$(function() {
    //class="map"
    $('.map').maphilight({fade: false}); /*set true for fading hover effect*/
    $('map > area').easyTooltip(); /*use for html code version*/
    $('#usa area').click(function(){
        last_clicked = clicked;
        clicked = $(this).attr('id');
        mouseclick(null,document.getElementById(last_clicked));
    });

});

将其添加到头部

中的脚本标记中

Answer 2

非常感谢你的帮助！我略微调整了你的建议，它的工作就像一个魅力：

  $('#usa area').click(function(){
     clicked = $(this).attr('id');
     if (last_clicked != '') {
     mouseclick(null,document.getElementById(last_clicked));
     }
     last_clicked = clicked;
  });

如何停用MapHilight上的高光？

2 个答案: