在mouseenter上切換的類

Question

我調整瀏覽器的大小時，使用了一個小小的jquery來更改菜單的類。這有效，但是當我想在新類上使用mouseenter時，它不起作用。

這是我調整代碼：

$(window).resize(function() { 
    windowWidth = $(window).width(); 
    windowWidth = windowWidth + 17; 

    if(windowWidth < 780) { 
     $('.menu_bar').parent().addClass('mobile-header'); 
     $('.nav_top').removeClass('nav_top').addClass('nav-left'); 
     $('.primary-content').addClass('responsive'); 
    } else { 
     $('.menu_bar').parent().removeClass('mobile-header'); 
     $('.nav-left').removeClass('nav-left').addClass('nav_top'); 
     $('.primary-content').removeClass('responsive'); 
    } 

}); 

這是的mouseenter代碼：

$(".nav-left ul").on({ 
     mouseenter: function() { 
      $('ul', this).stop(true, true).slideDown(100); 
     }, 
     mouseleave: function() { 
      $('ul', this).stop(true, true).slideUp(100); 
     } 
    }, "li"); 

如果我改變資產淨值頂到NAV-留在我的標記（當菜單文檔準備就緒，文檔類左側導航）mouseenter工作正常。

Answer 1

試試這個：

$(window).resize(function() { 
windowWidth = $(window).width(); 
windowWidth = windowWidth + 17; 

if(windowWidth < 780) { 
    $('.menu_bar').parent().addClass('mobile-header'); 
    $('.nav_top').removeClass('nav_top').addClass('nav-left'); 
    $('.primary-content').addClass('responsive'); 
} else { 
    $('.menu_bar').parent().removeClass('mobile-header'); 
    $('.nav-left').removeClass('nav-left').addClass('nav_top'); 
    $('.primary-content').removeClass('responsive'); 
} 

$(".nav-left ul").on({ 
    mouseenter: function() { 
     $('ul', this).stop(true, true).slideDown(100); 
    }, 
    mouseleave: function() { 
     $('ul', this).stop(true, true).slideUp(100); 
    } 
}, "li"); 

});