1

我希望有人能告诉我为什么向 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');
    };
    });
});
4

0 回答 0