2017-12-21 5 views
0

私は脳機能の最小のビットを必要とする作業に苦しんでいます。私が現在苦労している課題は、Wordpressの私のサイトにAOS libraryを追加することです。ワードプレスで自動スクロール(AOS)がロードされない

私はWordpressのエディタで私のフル幅の-page.phpテンプレートに次のコードを追加しました:また

<script> AOS.init(); </script> 

、私は外観]> [テーマ設定]> [スタイル]> [外部JSフィールドの下に次のコードを追加しました&外部CSSフィールドそのすべての後

<script src="uploads/aos-master/dist/aos.js"></script> 

<link rel="stylesheet" type="text/css" href="uploads/aos-master/dist/aos.css"> 

、私はデータ-AOSはそうのように、私はアニメーション化する要素をHTMLに属性を置く:

<div data-aos="fade-up";> 
<h2>TEST TEST TEST</h2> 
</div> 

しかし、その後...何も起こりません。(

は、それが可能だ場合、私が間違ってやっている私と一緒に、共有を設定してください。

答えて

0

スタイルシートとjavascriptファイルが正しく読み込まれていますか? ChromeのショートカットはCtrl(またはCMD)+ Shift + iです

また、以下のコードでスタイルシートとjavascriptファイルコードを変更することもできます。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.js"></script> 
+0

回答ありがとうございました。私はページデバッガを試してみましたが残念なことに、うまくいきませんでした。私はまだあなたが私に知らなかったので、それについて話したことがアンプルされています。さらに、あなたが私に言ったようにリンクを変更しました。実際にヘッダーが消えてしまったので、私は一歩近づいているように感じます。また、リンクを変更した後で、ブラウザキャッシュとWordPressのキャッシュからキャッシュをクリアしました。 –

+0

私は子供のテーマを使っていると言わなければならないかもしれないので、全部のテンプレートを私の子供のテーマにコピーし、そこの一番上にAOSを初期化しました。私はそれが問題のいくつかのタイプを作成している可能性があるかどうかわかりません。 –

+0

わかりました、私はばかです。私は実際にデバッグを読んで、まったく間違った印象を持っているのを見ました。私はコンソールでjsを調べて、実際にフルサイズのページテンプレートのInitializingコードでエラーが発生したことを確認しました。私はそこからコードを切り取り、それを私の外部のJavaスクリプトフィールドに貼り付けました。 –

関連する問題