2012-01-31 22 views
1

私は少し問題があり、それを解決しようと疲れました。 jQueryイージングコードはjsfiddleで完全に動作しますが、ローカルホスト上のテストサーバーでは動作しません。 jQueryのイージングエフェクトを削除すると、正常に戻り、コードは正常に動作します...JqueryのコードはJsFiddleで動作しますが、私のコンピュータでは動作しません

コードに問題がありますか?それは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); 
    }); 
}); 

the JSFiddle codeです。

+0

1

申し訳ありませんが、私はそうはまだコメントできない...

見るものianaceは語りました。

スクリプトタグの後ろにjqueryスクリプトタグが含まれていないかどうかを確認してください。

<script src="jquery.js> </script> 
<script src="yours.js"> </script> 
+0

ありがとうございましたが、私が言ったように、私はこれらすべてのことをしました。唯一の問題は、「easeOutBack」という単語を削除して正常に戻ったときですが、JsFiddleで問題なく動作しています... –

+0

おそらく関数名と競合しています。jsファイルが含まれており、他の関数と競合していません。 – ianace

+0

ここでは新しいので、完全なコードを配置する方法がわからないので、スタイリングなしでコードの他の部分を追加することができます。詳細については、JSfiddleでボディの詳細を参照できます。 –

1

・ホープ、このことができます::

の代わりに、必要に応じて、あなたがそれもjqueryの-UIのグーグルを使用することができますfile.js jqueryのを使用して、あなたのコードスクリプトは次のように、依存関係の後にロードする必要があります。 これはより動的で、使用するバージョンを変更することができます。その後

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

そして、動作するようになっています。

+0

ありがとうございましたが、それでも問題は解決しませんでした。奇妙なことは、「easeOutBack」という単語を削除すると、コードが再び動作することです。だから私は、イージーエフェクトがどこかに何か間違っていると仮定すると混乱している。 –

+0

完全なコードを提供するが、スタイルは提供しないという最初の質問を更新した。私はここで新しく、一度に完全なコードを追加する方法を知らない。だからここに身体があります: –

関連する問題