2016-10-25 6 views
1

私は視差を使用するskrollrでページを設定しようとしています。たとえば、CodePenではすべてうまく動作しますが、私はSublime Textで自分のページを設定してプレビューすると何も動作しません。Sublimeテキストブラウザのプレビュー、JQueryが実行されていません

プレビュー時にJQueryが実行されないようなことがありますか?私の頭のタグに何か間違っていますか?

私はさまざまなURLを試して、ローカルでJQueryを使用していますが、何もそのトリックはありません。

<head> 
    <title>Parallax</title> 
    <link rel="stylesheet" type="text/css" href="birds.css" /> 
    <script type="text/javascript" src="birds.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
</head> 
+0

何私たちのフレンドリーコンソールが私たちを教えていますか? – madalinivascu

+0

それは "$が定義されていない"と言います – Sergi

答えて

2
<head> 
    <title>Parallax</title> 
    <link rel="stylesheet" type="text/css" href="birds.css" /> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script> 
    <script type="text/javascript" src="birds.js"></script> 
</head> 

あなたはこれを試してみてくださいことはできますか?

+0

それは動作します、それは注文の問題でした、ありがとう。 – Sergi

+0

大歓迎です。 –

2

CDNライブラリの前に宣言されているJSライブラリを持っている可能性はありますか?

は、としてそれを持っている:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script type="text/javascript" src="birds.js"></script> 
+0

はい...それはまさに問題でした。それを指摘してくれてありがとう。 – Sergi

+0

問題ありません!それを何度もやった –

1

はskrollr前にjQueryのに電話してみてください:

<head> 
    <title>Parallax</title> 
    <link rel="stylesheet" type="text/css" href="birds.css" /> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"> 
</script> 
    <script type="text/javascript" src="birds.js"></script> 

</head> 
関連する問題