1

少し問題があり、それを解決しようとするのにうんざりしています。jQuery イージング コードは jsfiddle では完全に機能しますが、localhost のテスト サーバーでは機能しなくなりました。jQuery イージング効果を削除すると、正常に戻り、コードは正常に動作します...

コードに何か問題があるのだろうか？それはOnLoad機能の関係か何かでしょうか...!!

<head>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(function($) {
    $('.topnav li').find('a[href]').parent().each(function() {
        var li = $(this),
        a = li.find('a'),
        div = $('<div>' + '<\/div>');

        li.hover(function() {
           a.stop().animate({marginTop: '-64'}, 600, "easeOutBack");
        },
        function() {
           a.stop().animate({marginTop: '0'}, 500, "easeOutBack");
        })
       .append(div);
   });
});

JSFiddle コードは次のとおりです。

4

3 に答える 3

2

これを試してみてください。javascript を含める順序が正しくありませんでした。

<head>
 <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
 <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script>
 <script src="http://www.google.com/jsapi" type="text/javascript"></script>
 <script type="text/javascript">
   $(document).ready(function(){
      $('.topnav li').find('a[href]').parent().each(function() {
        var li = $(this),
        a = li.find('a'),
        div = $('<div>' + '<\/div>');

        li.hover(function() {
        a.stop().animate({marginTop: '-64'}, 600, "easeOutBack");
      },
      function() {
        a.stop().animate({marginTop: '0'}, 500, "easeOutBack");
      })
      .append(div);
    });
  });
 </script>
</head>

ローカルでテストしました（スクリーンショットを参照）

ここに画像の説明を入力

それがうまくいくことを願っています。

于 2012-01-31T09:22:22.483 に答える
1

お役に立てれば：

jquery file.jsを使用する代わりに、そのためにgoogleを使用し、必要に応じてjquery-uiを使用することもできます。これはより動的であり、使用するバージョンを変更できます。

    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
        google.load("jquery", "1.7.1");
        //google.load("jqueryui", "1.7.3");
    </script>

その後、jquery関数（jsFiddleで取得したコード）を使用してjsを配置します。

<script src="scripts/functions.js" type="text/javascript"></script>

そして、それは機能するはずです。

于 2012-01-31T07:11:21.470 に答える
1

申し訳ありませんが、まだコメントできません...

イアナスが言ったことを見てください。

script タグの後に jquery script タグを含めていないかどうかを確認してください。次のように、依存関係の後にコード スクリプトをロードする必要があります。

<script src="jquery.js> </script>
<script src="yours.js"> </script>
于 2012-01-31T07:03:02.200 に答える