将鼠标悬停在新区域或选择新区域时关闭选定区域。
我正在使用 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');
})
最佳答案
为了将来的引用,这效果最好。
// 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');
关于jQuery Maphilight。在突出显示新的之前切换alwaysOn,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22382118/