: Hover-Eigenschaft funktioniert nicht auf Firefox/IE

Question

Wenn ich über ein Feld auf einer Tabelle schwebe, anhänge ich ein div zu diesem Feld und zeige etwas Text in dem neu hinzugefügten Feld (ein Tooltip). Wenn ich den Mauszeiger über das Tabellenfeld halte, möchte ich, dass es geschlossen wird, aber ich möchte, dass es so lange geöffnet bleibt, wie ich innerhalb des untergeordneten Elements (dem neu hinzugefügten div) bin. Es funktioniert gut auf Chrome, aber nicht in FF/IE

$(document).ready(init); 

function init(){ 
    $('table td.column_5').on('mouseover', show_tooltip); 
    $('.tooltip, table td.column_5').on('mouseout',remove_tooltip); 
} 
function show_tooltip(e){ 
    if ($(e.target).text() !== '' && !$(this).children().hasClass('tooltip')){ 
     var tooltip = '<div class="tooltip">'+$(e.target).text()+'</div>'; 
     $(this).append(tooltip); 
    } 
} 
function remove_tooltip(e){ 
    if ($(this).children().hasClass('tooltip') && !$(this).children('.tooltip').is(':hover')){ 
    $('.tooltip').remove(); 
} 

Answer 1

ich einen Weg, es zu tun gefunden! Hier ist, wie ich vorgegangen:

$(document).ready(init); 

function init(){ 
    $('table td.column_5').on('mouseover', show_tooltip); 
    $('.tooltip, table td.column_5').on('mouseout',remove_tooltip); 
} 
function show_tooltip(e){ 
    if ($(e.target).text() !== '' && !$(this).children().hasClass('tooltip')){ 
     var tooltip = '<div class="tooltip">'+$(e.target).text()+'</div>'; 
     $(this).append(tooltip); 
    } 
} 
function remove_tooltip(e){ 
    var event = e.toElement || e.relatedTarget; 

    if (event.parentNode == this || event == this){ 
     return; 
    } 

    $('.tooltip').remove();  
} 

Answer 2

OK ich schaute genauer hin. Bitte entferne den Downvote jetzt :) hier ist was falsch.

function remove_tooltip(e) { 
    if ($(this).children().hasClass('tooltip') && !$(this).children('.tooltip').is(':hover'){ 
    $('.tooltip').remove(); 
} 

Sie vermissen eine Schließung) und eine Schließ} zum Beispiel unter den Code verwenden

$(document).ready(init); 

function init(){ 
    $('table td.column_5').on('mouseover', show_tooltip); 
    $('.tooltip, table td.column_5').on('mouseout',remove_tooltip); 
} 
function show_tooltip(e){ 
    if ($(e.target).text() !== '' && !$(this).children().hasClass('tooltip')){ 
     var tooltip = '<div class="tooltip">'+$(e.target).text()+'</div>'; 
     $(this).append(tooltip); 
    } 
} 
function remove_tooltip(e) { 
    if ($(this).children().hasClass('tooltip') && !$(this).children('.tooltip').is(':hover')){ 
    $('.tooltip').remove(); 
    } 
}