SANGOのタブ機能
SANGOトップページのタブ切替機能の設定方法まとめ
capura

タブが動作しない

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

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

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

コメントへの回答
サルワカくん
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本体が読み込まれていない」なんてことになるためです。