WordPressテーマSANGOの質問

タブが動作しない

アバター
capura

お世話になっております。タブの動作について相談させてください。
現在タブを用意してみたのですが、タブを押しても動作しないことがあり、相談させていただきました。
再現する場合としない場合があります。また、プラグインは全て停止している状態です。
キャッシュも削除しています。

1.トップページからどこかの記事を選択
2.ヘッダーのタイトルからトップページへ戻る
3.タブを選択したが、タブが切り替わらない

この状態で画面を更新するとまた正常にタブが選択できる状態になります。
この状態で何か思い当たることございますでしょうか?

SANGOのタブ機能
SANGOトップページのタブ切替機能の設定方法まとめ
コメントへの回答
サルワカくん
サルワカくん
2019/04/26

お世話になっております。

jQueryの読み込みタグにasyncをついていますが、これはカスタマイズによるものですか?
もし意図的である場合、asyncは消す必要があります。

タブにかかわらず、jQueryが関わる部分で問題が発生しています(Rinkerなど)。

アバター
capura
2019/05/17

ご回答ありがとうございます!そして返信遅れまして大変申し訳ありませんでした。
仰る通り、asyncを消したところ、意図した通りに動いてくれました。ありがとうございます!

asyncのところですが、PageSpeed Insightsで出たエラー内容(レンダリングを妨げるリソースの除外というメッセージだったと思います)をググって解消できる方法を探した先のサイトで公開された手法を使い、非同期で読み込むようにしてしまいました。その当時はタブを使ってないデザインだったので問題があると気付かず、最近タブにしてみようかと試してうまくいかなかった、という経緯でした

サルワカくん
サルワカくん
2019/05/17

正常に戻ったようで安心しました。

ご参考までにasync属性について説明を書いておきます。

scriptタグにasyncをつけると、その内容が他よりも後に読み込まれるようになる可能性があります。
これをjQuery本体の読み込みにつけると問題が起こる可能性大です。
というのも「jQueryの処理が読み込まれる時点で、jQuery本体が読み込まれていない」なんてことになるためです。

capura へ返信する

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。