Cocoonフォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

JavaScriptが動作しなくなった
 
共有:
通知
すべてクリア

[解決済] JavaScriptが動作しなくなった

3 投稿
2 ユーザー
2 Likes
144 表示
sato3
(@sato3)
New Member Registered
結合: 4か月前
投稿: 2
Topic starter  

不具合・カスタマイズ対象ページのURL: https://radiological.site/archives/%e7%ac%ac71%e5%9b%9e%e8%a8%ba%e7%99%82%e6%94%be%e5%b0%84%e7%b7%9a%e6%8a%80%e5%b8%ab%e5%9b%bd%e5%ae%b6%e8%a9%a6%e9%a8%93-%e5%8d%88%e5%89%8d-1-2.html

相談内容:

上記のようなページで、JSが動作しなくなりました

各記事のカスタムJavaScriptに以下のコードを書いております

$(function(){
$('.btn').on('click', function(event){
event.preventDefault();
$(this).toggleClass('active');

if($(this).hasClass('active')){
var text = $(this).data('text-clicked');
} else {
var text = $(this).data('text-default');
}

$(this).html(text);
});
});

記事HTMLには下記のようなコードを書いております

<!--<a class="btn" data-text-default="正答" data-text-clicked="4">正答</a>-->

 

以前まではPCでもスマホでも「正答」と書かれたボタンを押すと「2」という文字列が表示されていたのですが、ここ数日で動作しなくなっておりました(正確な日は不明

 

また、wordpressにログインした状態だと機能することを確認しております

 

解決のために試したこと:

各種プラグインはすべて無効にしましたが解決しませんでした

高速化設定もすべて無効にしましたが解決しませんでした

 

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

----------------------------------------------
サイト名:診療放射線技師国家試験 対策ノート
サイトURL: https://radiological.site
ホームURL: https://radiological.site
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.0.1
PHPバージョン:7.4.30
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.7
カテゴリ数:26
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.6
style.cssサイズ:3871バイト
functions.phpサイズ:388バイト
----------------------------------------------
Gutenberg:0
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:1
Retina:1
ホームイメージ:/wp-content/uploads/2019/03/技師アイコン.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
BackWPup 3.10.0
Category Order and Taxonomy Terms Order 1.6.1
Customizer Export/Import 0.9.4
Edit Author Slug 1.8.4
EWWW Image Optimizer 6.7.0
Google XML Sitemaps 4.1.5
Limit Login Attempts Reloaded 2.25.3
MathJax-LaTeX 1.3.11
Regenerate Thumbnails 3.1.5
SiteGuard WP Plugin 1.6.1
Uji Countdown 2.2
WP Content Copy Protection & No Right Click 3.5.1
----------------------------------------------

 

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

This topic was modified 4か月前 2回 by sato3

   
Akira
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1179
 

Cocoon 設定 > アクセス解析・認証タブにある「ヘッド用コード」に以下の記載がないでしょうか。

<script src="https://flux-cdn.com/client/00509/radiological_00469.min.js" async>

もしある場合は、</script> 閉じタグの追加が必要です。

閉じタグがないために <head> の中が崩れており、jQuery が読み込めていないのが動作しない原因です。


   
わいひら reacted
sato3
(@sato3)
New Member Registered
結合: 4か月前
投稿: 2
Topic starter  

@akira 

解決しました!

完全に凡ミスでした

大変失礼致しました。とても助かります!


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な回答があった場合は「いいね!」もご活用ください。回答者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました