前提・実現したいこと
barba.jsをwordpressに導入したい
発生している問題・エラーメッセージ
barba.jsをCDNで読み込み、wordpressに導入する予定なのですが、エラーが出て動きません。
###CDNの読み込み
wp_enqueue_script('barba' , 'https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js');
該当のソースコード
jsファイル barba.init();
エラー Uncaught ReferenceError: barba is not defined
試したこと
解決方法のご教示お願い致します。
CDN の読み込み部分は、どのように記載されたのでしょうか?
質問に追記していただけないでしょうか?
こちらです。
wp_enqueue_script('barba' , 'https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js');
よろしくお願いいたします。
Web ブラウザで、HTMLのソースを確認したら、CDN から読み込まれていますか?
何かエラーメッセージが出ていたりしないでしょうか?
HTMLのソースを確認したところ、
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<script type= "text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js?ver=5.4.2"></script>
上記2つの記載がありました。
特にエラーメッセージは表示されていないです。
ソース全体が不明ですが、CDN で読み込む前に barba.init(); を実行しているということはないですか?
知識不足ですみません。
CDNを読み込んだ後に、barba.init(); を実行するコードの書き方をご教示できませんでしょうか?
まずは、Chromeのデベロッパーツールのネットワーク画面等で、各ファイの読み込み状況やタイミングを確認してみてください。
ありがとうございます。
確認してみます。
あなたの回答
tips
プレビュー