http://bootstrap3.cyberlab.info/javascript/tab.html
の書き方でタブをかいていたのですがいつのまにかタブの初期状態が表示されなくなり
HTMLをみてみると class="active" となるべきところが class しかなくなって="active"が消えています
1度でもクリックすれば普通に active クラスが付与されて正常に動作します
試しに bootstrap のサンプルのHTMLをそのままはりつけてみても同様の現象が起こります
なにかのJSが影響しているんだと思うのですが膨大すぎてどこから調べればいいかもわからない状態で途方にくれています
原因の心当たりか調べ方を教えていただけないでしょうか
よろしくおねがいします
Bootstrap以外に読み込んでいるjsファイルは何ですか。
Rails なので自社内で作ったJSが全て読み込まれます
見た感じ外部ライブラリでは jQuery jqueryui leaflet系のものが大量と i18n 関連 nested_form, cocoon, nested_form あたりでしょうか
それ以外に社内でいろいろな人が作ったJSが数十個全て読み込まれています…
コードの提示がないので判断できないのですが、bootstrap3の記事を参考にしていて実は使ってるのがbootstrap4だったとかはないですか?
いずれにしても問題切り分けのために最小限のコードから質問者さんの方で試していく必要があります。
切り分けようとしたのですがどれだけ削っても再現してしまい時間がもったいないので断念しました
社内で作ったコントローラー別のJSを全部消しても再現したのでライブラリのどれかが影響しているようで
ライブラリまで削ると依存している部分をほどいていかないとJSエラーが大量にでてしまうので
時間の無駄な気がして自前でタブのような挙動をするUIを作ってしまいました
コメントを頂いたのに申し訳ありません
対応方法が逆かなと。
先に最小構成でBootStrapで作っておいて徐々に現在の構成に近づけていく。まあ、自前で対応できたのでしたらそれでも良いですけど、確かにフレームワークなので「ここだけ使いたい」ってときには向かないことはあります。フレームワーク使う場合は基盤はフレームワークになることがほとんどですしね
回答1件
あなたの回答
tips
プレビュー