[石塚恵]

こちらこそ、お忙しい中ありがとうございます！

 

スクショをみた感じだと、「ソース」に new_image.js があるので、読み込みはできているのかなと思いましたがどうでしょうか？ 読み込みに失敗してたら多分「ソース」には表示されないと思うので。

なるほどです。「ソース」に表示されている時点で、読み込みはできているのですね…！

 

上記はどういう意味でしょうか？「ソース」では console.log(“test”); とでているけど、「コンソール」には test と出力されないということですかね？

 

出力結果を確認する時に、「コンソール」ではなく「ソース」を見ていたようです。

こちらの見間違いだとわかったので、解決いたしました。

 

トピックを閉じさせて頂きます。対応して下さり、ありがとうございました。

♥ 0

いいねをした人: 居ません

[石塚恵]

回答ありがとうございます！

また、返信が遅くなり申し訳ありません。

topページでjavascriptが読み込まれるかどうかを下記のコードのように記述してみましたが、検証ツールのコンソールでは、値（test)だけの状態で表示されません。

おそらく、パスが通っていないのでしょうか？(app/publicを足しましたがコンソールに表示自体されませんでした）

※コードの中のクラス名、スラッグについて

ゆくゆくは、スクロールするとヘッダーロゴ画像が、文字色の違うヘッダーロゴ画像へと変わる動きをつけたいと思っています。なので、クラス名などはnew_imageなどにしています。全ページロゴ画像が変わる動きをつける予定ですが、今回はスラッグはtopにしています。

my-snow-monkey.phpに記述

add_action(
	'wp_enqueue_scripts',
	function (){
		if (is_page('top')) {
			wp_enqueue_script(
				'new-image',
				'http://local-test-1.local/wp-content/plugins/my-snow-monkey/new_image.js'
			);
		}
	}
);

new_image.jsに記述

console.log("test");

階層は,下記画像のようになっています。

よろしくお願い致します。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿