jquery - jQuery Maphilight。在突出显示新的前先切换alwaysOn

将鼠标悬停在新区域或选择新区域时，切换选定区域。

我正在使用jQuery Maphilight对地图上的选定区域进行照明。我已经成功添加了单击状态，因此当用户单击时，地图区域保持高亮显示。但是，当他们单击第二和第三区域时，第一区域仍然保持高亮，这是我不希望的。

如何切换此alwaysOn属性以关闭所有元素。我似乎无法弄清楚。

谢谢。

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

最佳答案

供将来参考，该方法效果最好。

// Turn off all
$("area").data('maphilight', { alwaysOn: false }).trigger('alwaysOn.maphilight');

// Turn on one
$("area[data-id=" + id + "]").data('maphilight', {alwaysOn: true}).trigger('alwaysOn.maphilight');