缺少"Use strict“语句

Question

我是个编程新手。我收到这个错误:在我的Javascript代码中"Missing "Use strict“statement”。下面是我的代码：

$(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"的使用不是强制的，但是如果你想使用它，就把它放在匿名函数中，就像我做的那样。