Question

基本上当我最初插入代码时它工作正常但是当我刷新页面时它停止工作，任何人都有任何关于为什么会发生这种情况的想法？

提前致谢。

<script>
$('.nav-toggle').click(function () {
    $('.nav-icon').toggleClass('active');
});

<title></title>

`＆GT;

Answer 1

您的脚本在解析/处理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

刷新网站后jquery停止工作

1 个答案: