jquery - jQueryでクラス/データブレークホバー関数を追加する

Question

クラスを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');
    };
    });
});