jQuery Maphilight。在突出显示新的之前切换alwaysOn

Question

将鼠标悬停在新区域或选择新区域时关闭选定区域。

我正在使用 jQuery Maphilight 突出显示 map 上的选定区域。我已成功添加单击状态，因此当用户单击 map 区域时，该区域将保持突出显示状态。但是当他们单击第二个和第三个区域时，第一个区域仍然突出显示，这是我不想要的。

如何切换所有元素的这个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');
})

Answer 1

为了将来的引用，这效果最好。

// 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');