Смещение мыши в jquery отличается в Firefox и Chrome

Question

Здравствуйте, у меня есть подсказка, которую я создаю с помощью jquery, которая загружает значение alt из изображения в плавающий div, который позиционируется с помощью jquery offset ().Мой код работает в Chrome / Safari, но не в Firefox.

В Chrome всплывающая подсказка отображается над значком, который находится справа от ярлыка для этого элемента.(Это также делается в модальном окне, может быть, это проблема?

Я все еще немного новичок в этом, поэтому, пожалуйста, извините мой код.

$("img.more_info, div.option_item_wrap label").live('mouseover', function(e) {
    optionIcon = $(this).closest('div').find('img.more_info');
    optionInfoContent = optionIcon.attr('alt');

    if(optionInfoContent != undefined) {
        findImage = $(this).closest('div').find('span.option_item_image');
        $("body").append('<div id="option_info"><p>' + optionInfoContent + '</p><div id="option_info_tail"></div></div>');
        findImage.clone().prependTo('div#option_info p');
        toolTipHeight = $('div#option_info').height();
        findIconPost = optionIcon.offset();
        topPos = findIconPost.top - (toolTipHeight + 20);
        leftPos = findIconPost.left - 80;

        $('div#option_info').css('top', topPos).css('left', leftPos).fadeIn();
    };
}).live('mouseout', function() {
    $('div#option_info').remove();
});

Answer 1

Использование функции .live не рекомендуется из-за различных причин . Попробуйте использовать более типичный подход:

$(document).ready(function() {
    $("img.more_info, div.option_item_wrap label").mouseover(function() {
        // Your code
    });
});

Это может решить, а может и не решить вашу проблему, но если это так, то вы столкнулись с той же проблемой, что и этот вопрос .

Answer 2

    if($.browser.mozilla){
        topPos = findIconPost.top - (toolTipHeight + 90);
    }

Это было единственное решение, которое я мог придумать, я просто настроил смещение для Firefox.