jQueryライブラリが読み込まれずJavaScriptが動作しない - 不具合報告

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

わいひら — Sat, 14 Jan 2023 12:48:03 +0000

ご確認いただきありがとうございます。
Cocoon自体もjQuery.noConflict()を考慮して書いていたつもりなんですが、対応できていない部分を発見することができて良い気づきになりました。

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

大門未知子 — Fri, 13 Jan 2023 11:24:35 +0000

jQuery.noConflict()を考慮してJS全て直しました笑

同梱された自サイトのjQueryライブラリの場合、除外しないとjavascript縮小化対象となり、カルーセルの動作に影響した事の方が大きいかと。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.5.1
カテゴリー数：19
タグ数：146
ユーザー数：1
----------------------------------------------

jquery.masonry.min.jsが追加されている事を確認しました。
jQueryライブラリが外部読込である事を確認しました。
以前の通り、$(function(){});記述でエラーとならない事を確認しました。
→→JavaScript縮小化「JavaScriptを縮小化する」にした場合、jQueryライブラリが縮小化されず、カルーセル、ヘッダーモバイルボタンが正しく動作する事を確認しました。

いい勉強になりました。

1.png

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

わいひら — Fri, 13 Jan 2023 10:55:56 +0000

今回の目的としてはCocoon設定からjQuery3以外を選択できないようにすることだったので、大部分をリバートして、とりあえずajax.googleapis.comを使用することにしました。
chu-yaさんが書かれたjQuery.noConflict();のこともあり、他にも色々影響が出る可能性もあり、とりあえずまずは小さく変更することにしました。
お手数をおかけして申し訳ないです。

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

大門未知子 — Fri, 13 Jan 2023 06:33:16 +0000

@akira さん

動かないです。
JavaScriptを縮小化すると、slickのclassが変になり。

例えばヘッダーモバイルボタンも同様でclassが以下のようになります。

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

Akira — Fri, 13 Jan 2023 06:11:23 +0000

JavaScript を縮小している時に、カルーセル（slick のやつ）は動きますか？

私の環境で変になります。slick が style 属性を追加していません。

jQuery に興味がないので詳しく調べていませんが、jQuery が縮小の対象になっているのが原因かもと思いました。Google Hosted Libraries から読み込む時は縮小の対象外だった気がします。

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

大門未知子 — Fri, 13 Jan 2023 05:33:57 +0000

本件はクローズとします。

すみません。
高速化でJavaScriptを縮小化され以下を見逃してました。
jquery.min.js?ver=3.6.1

----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.5.1
カテゴリー数：19
タグ数：146
ユーザー数：1
----------------------------------------------

JSが動かない根本原因、要注意です！！

●現象
子テーマJSに記述したコードに対し、consoleを見たら以下のエラーが出力されており。
Uncaught TypeError: $ is not a function

$(function() {★エラー
  $(document).ready(function() {
  var nowPos = 0;
  var offset = 50;

●原因
他のプラグインとの衝突を避ける為、WordPressコアjQueryライブラリには最後に以下の記述があり。
jQuery.noConflict();

●対策
上記記述は使えず。
一例として以下で囲む必要がある。

(function($) {
})(jQuery);

RE: jQueryライブラリが読み込まれずJavaScriptが動作しない

わいひら — Fri, 13 Jan 2023 04:00:30 +0000

ご連絡ありがとうございます。
masonryに関しては誤って削除してしまったようです。
修正しておきました。

jQueryライブラリが読み込まれなくなった。

jQueryに関してはWordPressコアの最新版（3.6.1）が読み込まれているかと思います。
動作しなくなったjQuery（もしくはプラグイン）はどういったものでしょうか。

2023-01-13_12h45_45.png

jQueryライブラリが読み込まれずJavaScriptが動作しない

大門未知子 — Thu, 12 Jan 2023 14:59:38 +0000

以下のフォーラムの最新版をダウンロードしたらJavaSciprtが動作しなくなり。

https://wp-cocoon.com/community/postid/67393/

●現象
jQueryライブラリが読み込まれなくなった。

●原因
「jQueryのバージョン選択機能の廃止」で
→→JavaScriptライブラリ設定
の廃止だけでなく、lib/script.phpから以下の読込が削除された？

wp_enqueue_script_jquery_js
wp_enqueue_jquery_masonry

https://github.com/xserver-inc/cocoon/commit/86b8e50a244a873bf468b5c9e1d5e11b2342dc56#diff-0d73b49cf3f367d80d37411c49be743c6a3bfdbfffb5118e731bef210af528c5L15