[yuu]

【お使いの Snow Monkey のバージョン】16.4.5
【お使いの Snow Monkey Blocks のバージョン】15.0.1
【お使いの Snow Monkey Editor のバージョン】 7.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://nearmain.net/

### 実現したいこと

いつもお世話になっております。

 

jquery.cookie というcookie を扱うライブラリを使いたいのですが、body 終了タグ直前にjquery.cookieというjsを読み込みたいのですが、どうすればいいでしょうか？

差し込みたいjsは以下の通りです。

<script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.
cookie.js”></script>

### 発生している問題

### 試したこと

フォーラム、公式リファレンスを探してみましたが、body 終了タグ直前のフックが見当たらなかったので方法をご教授いただけますと幸いです。

 

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

♥ 0

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

[キタジマ タカシ]

WordPress で js や CSS を読み込むときは、下記のトピックにもあるように wp_enqueue_script()' やwp_enqueue_style()` を使います。

vegas background slideshowの実装について

このトピックには4件の返信、2人の参加者があり、最後に藤田裕貴により5ヶ月前に更新されました。 5件の投稿を表…

snow-monkey.2inc.org

今回は jQuery ライブラリなので依存関係に jquery を指定、ページ下部で読み込みたいのであれば第5引数で true を指定します。

♥ 1

いいねをした人:

[yuu]

キタジマさん、ありがとうございます！
そうか、それがそのことと一緒なのですね…

理解いたしました。

一応、動いている気がするのですが、コード確認していただけますでしょうか？

add_action(
	'wp_enqueue_scripts',
	function () {
		wp_enqueue_style(
			'msm_style', // 独自のスタイルシート
			MY_SNOW_MONKEY_URL . '/style.css',
			[],
			filemtime(MY_SNOW_MONKEY_PATH . '/style.css')
		);

		wp_enqueue_style(
			'cookie_style', // cookie用のCSS
			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.css',
			[],
		);

		wp_enqueue_script(
			'cookie', // cookie
			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
			['jquery'],
		);

		wp_enqueue_script(
			'cookie_function', // cookieの設定
			MY_SNOW_MONKEY_URL . '/scripts/main.js',
			['cookie'],
			filemtime(MY_SNOW_MONKEY_PATH . '/scripts/main.js'),
			true
		);
	}
);

♥ 0

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

[キタジマ タカシ]

おおよそ問題なさそうにみえますが、jquery.cookie.js を body 終了タグ直前に読み込みたいということだったので、jquery.cookie.jsについても第5引数をtrue` にしたほうが良いのではないかと思いました。

♥ 1

いいねをした人:

[yuu]

キタジマさん

ありがとうございます。
返信が遅くなり大変申し訳ありません。

これでいいでしょうか…

add_action(
	'wp_enqueue_scripts',
	function () {
		wp_enqueue_style(
			'msm_style', // 独自のスタイルシート
			MY_SNOW_MONKEY_URL . '/style.css',
			[],
			filemtime(MY_SNOW_MONKEY_PATH . '/style.css')
		);

		wp_enqueue_style(
			'cookie_style', // cookie用のCSS
			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.css',
			[],
		);

		wp_enqueue_script(
			'cookie', // cookie
			'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
			['jquery'],
			true
		);

		wp_enqueue_script(
			'cookie_function', // cookieの設定
			MY_SNOW_MONKEY_URL . '/scripts/main.js',
			['cookie'],
			filemtime(MY_SNOW_MONKEY_PATH . '/scripts/main.js'),
			true
		);
	}
);

動いている気がするのですが、タイトルのやりたかったjqueryの書き方にめちゃくちゃ苦戦していまして、一旦諦めようと思います。
もう少し勉強してきます。

トピック閉じさせていただきます。

♥ 0

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

[キタジマ タカシ]

wp_enqueue_script(
	'cookie', // cookie
	'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
	['jquery'],
	true
);

だと第4引数（バージョン指定）が true になっちゃうので、

wp_enqueue_script(
	'cookie', // cookie
	'https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js',
	['jquery'],
	false,
	true
);

みたいな感じかなと思います。

♥ 0

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

[投稿者]

投稿