jquery - jQuery-mouseenterはchromeで動作しますが、firefoxでは動作しません

Question

私はjQueryのこのビットを持っています：

$('#list_cont').on('mouseenter', '.show_map', function() {
    $(this).next('.map_cont').stop().fadeIn(800);
}).on('mouseleave', '.show_map', function() {
    if (!$(this).next('.map_cont').is(':hover')) {
        $(this).next('.map_cont').delay(600).stop().fadeOut(800);
    }
});

$('#list_cont').on('mouseenter', '.show_map', function() {
    $(this).stop().show();
}).on('mouseleave', '.map_cont', function() {
    $(this).delay(600).stop().fadeOut(800);
});

mouseenterに表示.map_contされ、にカーソルを合わせると、カーソルが離れるまでフェードアウトしません。.show_map.map_cont.map_cont

これはChromeでは機能しますが、Firefoxでは機能しません。この種のことをクロスブラウザでテストする方法がわかりません。

Answer 1

.map_contは の中にあるので#list_cont、そうします。したがって、次のように関数を定義する必要があります。

$('.map_cont').on('mouseleave', '.show_map', function() {
    if (!$(this).next('.map_cont').is(':hover')) {
        $(this).next('.map_cont').delay(600).stop().fadeOut(800);
    }
});