Im Wesentlichen wenn ich den Code anfänglich einfügen funktioniert es gut, aber wenn ich die Seite aktualisieren, funktioniert es nicht mehr, hat jemand irgendwelche Ideen, warum das passiert?Nach der Aktualisierung der Website funktioniert jquery nicht mehr
Vielen Dank im Voraus.
<script>
$('.nav-toggle').click(function() {
$('.nav-icon').toggleClass('active');
});
<title></title>
`>
Ihr Skript ausgeführt wird, bevor DOM-Knoten analysiert werden/verarbeitet (weil Ihr Skript vor <body> kommt). Um dies zu beheben, sollten Sie Ihren Code ausführen, nachdem das DOM analysiert worden:
$(document).ready(function() {
$('.nav-toggle').on('click', function() {
$('.nav-icon').toggleClass('active');
})
});
// YOu can have this both at the top and the bottom
Eine andere Möglichkeit ist das Skript an die Unterseite der <body> zu bewegen, die eine gemeinsame und empfohlene Praxis. Wenn Sie dies tun, müssen Sie es nicht wirklich in $(document).ready umbrechen, weil Ihre DOM-Knoten analysiert werden und dann Ihr Skript geparst wird - alles in der richtigen Reihenfolge. Weitere Informationen zu den empfohlenen Vorgehensweisen finden Sie unter: html5boilerplate.com
Welche Fehler können Sie in der Konsole sehen? – VladGincher
Wo ist das End-Tag – Geeky
können Sie bitte das Markup – Geeky