-3

編集: 修正済み: みんなの助けに感謝します。

問題は、CSS コード内の次の孤立した行であることが判明しました。

  • {遷移: すべての 0.2 秒の容易さ; }

この行を削除すると問題が修正されました

元の投稿:

10年ぶりにコーディングを始めました。ページの中央から上部までメニューをアニメーション化するコードを動作させようとしています。Firefox、Chrome、IE9 で動作しますが、IE10 では機能しません。解決策なしで JQuery 1.6.3 と 1.9.2 の両方を試しました。

編集: メニュー ホバーは IE10 で正常に動作します。壊れているとは、メニューが IE10 でアニメーション化されないことを意味します。IE10 のコンソールに JavaScript エラーはありません。window.location.href が任命.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>

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 に答える