Question

全部

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

IE 11 Jquery Hover无法处理document.load事件或document.ready事件

1 个答案: