IE 11 Jquery Hover ne fonctionne pas document.load événement ou document.ready événement

Question

Tous

Le code suivant ne fonctionne pas avec Internet Explorer. Comme je voudrais rendre l'événement hover sur la classe dans l'événement document.load ou document.ready. Mais je ne pouvais pas réussir

jQuery(window).load(function() { 
 
    var maxHeight = 250; 
 
    jQuery(".dropdown").hover(
 
     function() { 
 
      jQuery("li.firstmenu ul li").removeClass("XYZ"); 
 
      jQuery("li.firstmenu ul li").removeClass("ABC"); 
 
      jQuery('.dropdown-menu', this).stop(true, true).fadeIn("500"); 
 
      jQuery(this).toggleClass('openDemo'); 
 
      jQuery(this).addClass("active-Demo"); 
 
      jQuery("div#MegaMenu").find("li.secondLI").removeClass("DEF").addClass("hideJIJO"); 
 
      //jQuery('.active-global-tab > a').removeClass("default-fontcolorD").addClass("default-fontcolorB"); 
 

 
      jQuery('ul.dropdown-menu > li.col-sm-4').each(function() { 
 
       jQuery(this).height(maxHeight); 
 
      }); 
 

 
     }, 
 
     function() { 
 

 
      jQuery('.dropdown-menu', this).stop(true, true).fadeOut("500"); 
 
      jQuery(this).toggleClass('open'); 
 

 
      jQuery(this).removeClass("active-tab"); 
 
      //jQuery('.global-nav-item > a').removeClass("default-fontcolorB").addClass("default"); 
 
     } 
 
    ); 
 
\t }); 
 
\t

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Answer 1

vous pouvez utiliser window.onload à la place.

Cette méthode est appelée automatiquement lors du chargement de la page.

Exemple

window.onload = function(e){ 
    var maxHeight = 250; 
    jQuery(".dropdown").hover(
     function() { 
      jQuery("li.firstmenu ul li").removeClass("XYZ"); 
      jQuery("li.firstmenu ul li").removeClass("ABC"); 
      jQuery('.dropdown-menu', this).stop(true, true).fadeIn("500"); 
      jQuery(this).toggleClass('openDemo'); 
      jQuery(this).addClass("active-Demo"); 
      jQuery("div#MegaMenu").find("li.secondLI").removeClass("DEF").addClass("hideJIJO"); 
      //jQuery('.active-global-tab > a').removeClass("default-fontcolorD").addClass("default-fontcolorB"); 

      jQuery('ul.dropdown-menu > li.col-sm-4').each(function() { 
       jQuery(this).height(maxHeight); 
      }); 

     }, 
     function() { 

      jQuery('.dropdown-menu', this).stop(true, true).fadeOut("500"); 
      jQuery(this).toggleClass('open'); 

      jQuery(this).removeClass("active-tab"); 
      //jQuery('.global-nav-item > a').removeClass("default-fontcolorB").addClass("default"); 
     } 
    ); 
}