Question

我是编码的新手。我收到此错误：“Missing”在我的Javascript代码中使用严格的“语句”。这是我的代码：

$(function(){
    $('.nav-toggle').on('click',function(){

        $('.main-nav').toggleClass('open');
    });
});

我不知道放在哪里'use-strict';。我在哪里发表声明？

Answer 1

正如Barmar所说，use strict是可选的，但如果你不得不将它放在某个地方，我会说你应该把它放在最好的位置

$(function(){
    "use strict";
    $('.nav-toggle').on('click',function(){

        $('.main-nav').toggleClass('open');
    });
});

无论您使用Jquery还是Javascript

，都必须使用它

Answer 2

(function($){
    "use strict";
    $('.nav-toggle').on('click',function(){

        $('.main-nav').toggleClass('open');
    });
})(jQuery);

.open{
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div>
  <button class="nav-toggle">Open</button>
  <div class="main-nav">
    <ul>
      <li>Home</li>
      <li>Contact</li>
    </ul>
  </div>
</div>

假设您想要实现响应式导航栏效果，我已添加相关代码以使其更容易。

在jQuery部分中，我正在创建一个匿名函数并将其传递给$符号，以便您可以安全地使用它而不会污染全局范围。 "use strict"使用不是强制性的，但如果你想使用它，就像我一样将它放在匿名函数中。

缺少“使用严格”声明

2 个答案: