-3

编辑：固定：感谢大家的帮助。

问题原来是 CSS 代码中的这条孤行：

  • { 过渡：所有 0.2s 缓动；}

删除此行解决了问题

原帖：

在中断了 10 年之后，我才刚刚开始编码。我正在尝试获取一些代码来为从页面中间到顶部的菜单设置动画。它适用于 Firefox、Chrome 和 IE9，但在 IE10 中被破坏。我试过 JQuery 1.6.3 和 1.9.2 都没有解决。

编辑：菜单悬停在 IE10 中工作正常。破碎，我的意思是菜单在 IE10 中没有动画。IE10 的控制台中没有 javascript 错误。点击确实在 IE10 中被很好地捕获，因为 window.location.href 确实正确地更改为约会.html。

片段：

<header id="menubar" style="top: 496px; left: 80px; width: 1360px;">
  <ul id="surnav">
    <li class="menu-hover"> <a href=
      "index.html">Home</a> </li>
    <li id="appointments" class="menu-hover"> <a href=
      "#">Appointments</a> <img src="norwood_files/snav-arrow.png" width="10" height="5" />
      <ul class="submenu">
        <li>Emergencies</li>
      </ul>
    </li>
  </ul>
</header>

JavaScript：

$(document).ready(function () {

if (document.URL.indexOf("index.html") >= 0) {
    $("#menubar").css("top", "496px");
    $(".menu-hover").on({
        click: function () {
            $("#menubar").animate({
                top: '50px'
            }, "easing:swing");
        },
        mouseenter: function () {
            $(this).children(".submenu, img").fadeIn(250);
        },
        mouseleave: function () {
            $(this).children(".submenu, img").fadeOut(250);
        }
    });

    $("#appointments").on({
        click: function () {
            $("#appointments-bkg").animate({
                top: '-14px'
            }, "easing:swing", function () {
                window.location.href = "appointments.html"
            });
        }
    });

    $("#financial").on({
        click: function () {
            $("#financial-bkg").animate({
                top: '-14px'
            }, "easing:swing", function () {
                window.location.href = "financial.html"
            });
        }
    });
}
});

谢谢！

4

1 回答 1

3

也许尝试if(window.location.href.match(/index\.html/i)而不是if(document.URL.indexOf("index.html") >= 0)除此之外，考虑到所有其他浏览器都很好，我不明白为什么它在 IE10 中不起作用。

于 2013-02-10T18:17:31.750 回答