По существу, когда я изначально вставляю код, он отлично работает, но когда я обновляю страницу, она перестает работать, у кого-нибудь есть идеи, почему это происходит?После обновления веб-сайта jquery перестает работать
Заранее спасибо.
<script>
$('.nav-toggle').click(function() {
$('.nav-icon').toggleClass('active');
});
<title></title>
`>
Ваш скрипт выполняется до DOM узлы обрабатываются/обрабатываются (потому что ваш сценарий идет перед <body>). Чтобы исправить это, вы должны выполнить свой код после того, как DOM был проанализирован:
$(document).ready(function() {
$('.nav-toggle').on('click', function() {
$('.nav-icon').toggleClass('active');
})
});
// YOu can have this both at the top and the bottom
Другой способ переместить сценарий в нижней части <body>, которая является общей и рекомендуемой практикой. Если вы это сделаете, вам не нужно обертывать его в $(document).ready, потому что yhr узлы DOM разобраны, а затем ваш скрипт разобран - все в правильном порядке. Дополнительную информацию о рекомендуемой практике см .: html5boilerplate.com
Какие ошибки вы видите на консоли? – VladGincher
Где конечный тег – Geeky
Вы можете указать разметку – Geeky