我希望有人能告诉我为什么向 div 添加一个类会破坏我已经应用于该 div 的悬停功能?我正在使用 maphighlight 并拥有它,以便地图的当前部分突出显示,但是一旦此功能运行,工具提示就会停止工作,对于我来说,我无法弄清楚为什么。我尝试在函数中重新添加 mapTooltip 类,但这似乎没有任何区别,也没有通过 counties 变量应用工具提示。任何帮助将不胜感激。
代码:
$(document).ready(function() {
var counties = $('area[id]').map(function() {
return $(this).attr('href');
}).get().join(", ");
var county;
$('.map').maphilight({fillColor: 'd20a36'});
$('#list').hide();
$('.mapTooltip').hover(function(){
var title = $(this).attr('aTitle');
$('<p class="tooltip"></p>')
.text(title)
.appendTo('body')
.fadeIn('normal');
}, function() {
$('.tooltip').remove();
}).mousemove(function(e) {
var mousex = e.pageX + 10; //Get X coordinates
var mousey = e.pageY - 50; //Get Y coordinates
$('.tooltip')
.css({ top: mousey, left: mousex })
});
$(counties).click(function() {
county = 'lists.html ' + $(this).attr('href');
var currentcounty = $(this).attr('href');
$('#list').fadeIn('slow');
$('#list').load (county)
if (!$(this).hasClass('selected')) {
$(this).data('maphilight', { alwaysOn: true }).trigger('alwaysOn.maphilight');
$('.selected').data('maphilight', { alwaysOn: false } ).trigger('alwaysOn.maphilight');
$(counties).removeClass('selected');
$(this).addClass('selected');
};
});
});