Question

以下代码：

$('body').mousemove(function() {
    clearTimeout(hide)
    var hide = setTimeout(function() {
        hidePlayer()
    }, 2000)
    showPlayer()
})

如果我链接到远程jquery库，

工作正常：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

或者如果我链接到我的本地文件两次：

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.min.js"></script>

但只使用一个jquery脚本标记：

<script src="assets/js/jquery.min.js"></script>

给了我以下错误：

Uncaught ReferenceError: $ is not defined

我尝试过不同版本的jquery，使用window.onload，用jQuery替换$，尝试使用type =“text / javascript”和charset =“UTF-8”......我很难过。任何帮助表示赞赏。

Answer 1

不确定它是如何设置的，但是在包含js文件之后运行代码，如下所示：

    <script type="text/javascript" src="assets/js/jquery.min.js"></script>
    <script type="text/javascript">
      (function(){
          $('body').mousemove(function() {
              clearTimeout(hide)
              var hide = setTimeout(function() {
                  hidePlayer()
              }, 2000)
              showPlayer()
          })
      })();
    </script>

试试这个香草js：

    <script type="text/javascript">
      (function(){
          document.querySelector('body').addEventListener('mousemove', function(evt){
                showPlayer();
                var hide = setTimeout(hidePlayer, 2000);
          })


          function hidePlayer(){
                clearTimeout(hide);
              .......
          }

      })();
    </script>

Answer 2

您可能在脚本之后包含了jquery 。

jQuery错误 - $未定义

2 个答案: