[スー]

【お使いの Snow Monkey のバージョン】バージョン: 15.5.1
【お使いの Snow Monkey Blocks のバージョン】12.2.0
【お使いの Snow Monkey Editor のバージョン】6.0.0
【お使いのブラウザ】chrome
【当該サイトのURL】

### 実現したいこと

my-snow-monkeyプラグインで外部jsファイルを読み込みたい。

snow monkey でswiper.jsを使いたいです。

### 発生している問題

alert();でjsの動作確認をしましたが、jsファイルが読み込めていないようです。

### 試したこと

my-snow-monkey.phpに以下のコードを書きました。

/**
　　* swiper.js読み込み
　　*/
wp_enqueue_script(
	'swiper_js',
	'https://unpkg.com/swiper@7/swiper-bundle.min.js'
);

/**
　* js読み込み
　*/
add_action(
	'wp_enqueue_script',
	function() {
		wp_enqueue_script(
			'my-snow-monkey-js',
			MY_SNOW_MONKEY_URL . '/js/script.js',
			['jquery'],
			[ Framework\Helper::get_main_script_handle() ],
			filemtime(MY_SNOW_MONKEY_PATH . '/js/script.js'),
			true
		);
	}
);

♥ 0

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

[キタジマ タカシ]

コードがちょっと間違っている気がします。wp_enqueue_script() は wp_enqueue_scripts アクションフックの中でしか実行できません。また、my-snow-monkey-js のスクリプトの依存関係の指定が

			['jquery'],
			[ Framework\Helper::get_main_script_handle() ],

と2つの配列にわかれてしまっているのも間違いになります。

下記でどうでしょうか？

add_action(
	'wp_enqueue_scripts',
	function() {
		/**
		 * swiper.js読み込み
		 */
		wp_enqueue_script(
			'swiper_js',
			'https://unpkg.com/swiper@7/swiper-bundle.min.js'
		);

		/**
		 * js読み込み
		 */
		wp_enqueue_script(
			'my-snow-monkey-js',
			MY_SNOW_MONKEY_URL . '/js/script.js',
			[ 'jquery', 'swiper_js', Framework\Helper::get_main_script_handle() ], // jQuery、Swiper、Snow Monkey のメイン JS のあとに読み込む
			filemtime(MY_SNOW_MONKEY_PATH . '/js/script.js'),
			true
		);
	}
);

jquery を依存指定されていますが、my-snow-monkey-js の中で jQuery を使っていないのであればこの依存していは消して大丈夫です（不要なのに jQuery を読み込むとその分ページの読み込みが遅くなります）。

♥ 0

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

[スー]

ご回答いただきありがとうございます！無事にスライダーが動き、Java Scriptの読み込みもできました。

♥ 1

いいねをした人:

[投稿者]

投稿