0

これはおそらく初心者の問題ですが、アンカーの背景をアニメーション化するためにjqueryコードを追加した後、リンクを機能させることができません。これはマークアップです：

<ul class="nav">
<li> <span id="background"> </span><span id="active"></span><a href="page1.html"     class="active">page 1</a> </li>
<li> <a href="page2.html">page 2</a> </li>
</ul>

これはjqueryコードです：

 $("ul.nav a").click(function () {
      $("span#background").fadeIn(800, function () {});
      $("#active").animate({left: "+=2410"}, 950)     
      return false;
    });

<li>「スパン」要素には、cssを介した背景画像があり、アクティブな要素内に動的に配置されます。したがって、アクティブなリンクは背景とアニメーション画像を表示します。2ページへのリンクをクリックしようとすると、正しいターゲットURLがブラウザに表示されますが、リンクは機能しません。おそらく、通常のアンカーアクションがjqueryコードによって妨害されています。見落としているものはありますか？

これは必要最低限​​のテストページです

手がかりを持っている人に感謝します！

4

2 に答える 2

2

return falseクリックを強制終了し、クリックが発生しないようにします。

于 2012-06-02T12:56:55.477 に答える
0

あなたが使用する必要があります

$("ul.nav a").click(function (e) {
      e.preventDefault();
      $("span#background").fadeIn(800, function () {});
      $("#active").animate({left: "+=2410"}, 950)     
    });
于 2012-06-02T12:57:31.597 に答える