Javascript .animate（）适用于Firefox、Chrome和IE9，但不适用于IE10（Jquery 1.8.3和1.9.1）

编辑：修正：谢谢大家的帮助

问题是CSS代码中的孤立行：

• {转换：所有0.2s容易；}

删除此行修复了问题

原职：

在中断了10年之后，我刚刚开始编写代码。我正在尝试获得一些代码来制作从页面中间到顶部的菜单动画。它可以在Firefox、Chrome和IE9中使用，但在IE10中被破坏。我尝试了jQuery1.6.3和1.9.2，但没有解决问题

编辑：菜单悬停在IE10中运行良好。我的意思是，菜单在IE10中没有动画。IE10中的控制台中没有javascript错误。由于window.location.href确实正确地更改为appointments.html，因此在IE10中，点击确实可以很好地捕捉到

片段：

<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>

---

谢谢大家!

也许可以尝试

if（window.location.href.match（/index\.html/i）

而不是

if（document.URL.indexOf（“index.html”）>=0）

除此之外，考虑到所有其他浏览器都很好，我不明白为什么它在IE10中不起作用。

实际上，不要做

string.match

，而是使用

/regexp/.test（string）

。它更快，而且正是您所需要的。我相信*最近，

window.location

对象发生了更改，因为我为基于iframe的XDM登录编写的一些代码由于

window.location.hash（）

更改其行为（可能在较新版本的浏览器中）而中断谢谢，我将用它更新代码。但是，我知道，如果语句在IE10中的子菜单淡出后启动。这可能是Jquery中的错误吗？谢谢大家的帮助。问题是CSS代码中的这一孤立行：{transition:all 0.2s ease；}删除这一行修复了问题“break”是什么什么是JavaScript错误？控制台怎么说？没有JavaScript错误。控制台没有错误。HTML验证了吗？是否有可能另一个元素的某个不可见部分正在覆盖/阻止单击？您能否构造一个JSFIDLE来演示此问题？

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