$(function() { let tabs = $(".menu-tab"); $(".menu-tab").on("click", function() { . (省略) . }) コードは間違ってないはずだが、なぜかタブの切り替えができない。 他の記事で以下の解決策が示されていました。 ##解決方法 以下のように、document.addEventListener("turbolinks:load", function() {})を加える。 document.addEventListener("turbolinks:load", function() { $(function() { let tabs = $(".menu-tab"); $(".menu-tab").on("click", function() { . (省略) . }) リロードせずともタブの切り替えができ、タブ
![JavaScript リロードしないと動作しない問題~turbolinksを理解してない方向け~ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3ac328c09e3de5386081d1f28ae6f6fb9bf81b59/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SmF2YVNjcmlwdCUyMCVFMyU4MyVBQSVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MSU5NyVFMyU4MSVBQSVFMyU4MSU4NCVFMyU4MSVBOCVFNSU4QiU5NSVFNCVCRCU5QyVFMyU4MSU5NyVFMyU4MSVBQSVFMyU4MSU4NCVFNSU5NSU4RiVFOSVBMSU4Q350dXJib2xpbmtzJUUzJTgyJTkyJUU3JTkwJTg2JUU4JUE3JUEzJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUFBJUUzJTgxJTg0JUU2JTk2JUI5JUU1JTkwJTkxJUUzJTgxJTkxfiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MzA3M2QwZTBmM2YxOTg4YzcyMTIyOTdmM2Q0ODc1NDY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwemVuZnVtaSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmUwYzZmZjM4YzIwOWI1OWU3YzE2ZGM2YjIxZWNiMmI%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D4849e30b5c4b095531716850ccd79128)