IE 11 Jquery Hover无法正常运行document.load事件或document.ready事件

Question

全部

以下代码不适用于Internet Explorer。因为我想在document.load或document.ready事件的类上渲染悬停事件。但我不能成功

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

可以使用的window.onload来代替。

此方法在页面加载时自动调用。

例

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"); 
     } 
    ); 
}