Jquery 引用错误

Question

大家好，我想使用 jquery 本地，因为我的应用无法访问互联网。当我使用 jquery google 源代码时，我的代码可以正常工作，但是对于我的本地源代码，我得到一个引用错误。

jquery-3.1.1.min.js:1 未捕获的语法错误：意外的标记 < (index):51 Uncaught ReferenceError: $ is not defined

如果您能帮助我，我将不胜感激。我已经尝试使用没有端口或 ip 的源，但那也没有用。

这是我的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Socket.io</title>
<script src="/socket.io/socket.io.js"></script>
<script language="JavaScript" type="text/javascript" src="http://192.168.42.1:8080/home/pi/myNode/jquery-3.1.1.min.js"></script>
</head>

<body>
    <h1>Communicating with socket.io!</h1>

<table>
  <tr>
    <td>Geschwindigkeit</td>
    <td>Neigung</td>
  </tr>
  <tr>
    <td><input type="text" name="geschwindigkeit" id="v"></td>
    <td><input type="text" name="Neigung" id="acc"></td>
  </tr>
</table>

 <p> </p>
 <table>
 <tr>
<td><input type="button" value="Move" id="move" /></td>
<td><input type="button" value="Enable" id="enable" /></td>
<td><input type="button" value="test" id="test" /></td>
  </tr>
  <tr>
<td><input type="button" value="Stop" id="stop" /></td>
<td><input type="button" value="Ping" id="ping" /></td>
<td><input type="button" value="Disable" id="disable" /></td>
   </tr>
   </table>

    <script>
       var socket = io.connect();


        // A dialog box is displayed when the server sends us a "message"
        socket.on('message', function(message) {
            alert('Nachricht: ' + message);
        })
 // When the button is clicked, a "message" is sent to the server
        $('#enable').click(function () {
            socket.emit('enable', 'disable');
        })

        $('#disable').click(function () {
            socket.emit('disable', 'disable');
        })

             $('#test').click(function () {
            socket.emit('message', 'test');
        })

        $('#move').click(function () {
              var geschw = document.getElementById("v").value;
      var neig = document.getElementById("acc").value;
      var cmd = new String( "m " + geschw + "    " + neig)
                  socket.emit('move', cmd);
        })

        $('#stop').click(function () {
            socket.emit('stop', 'Car stopped');
        })

        $('#ping').click(function () {
            socket.emit('poke', 'Hallo');
        })


    </script>
    <p></p>
    "<img src='http:192.168.178.51:8077/?action=stream' width='320' height='240'>
</body>

Answer 1

好吧，您仍在尝试从您显示的代码中的远程 CDN 获取 jquery，只有 socket.io 来自本地。那是问题吗？确保 jquery 包含在您的项目文件夹中，然后 link 就像您在上面做的 socket.io 一样。如果您仍然遇到问题，请发送您的文件夹结构和错误的屏幕截图。
你会明白的！

Answer 2

切换库的顺序：

<head>
    <meta charset="utf-8" />
    <title>Socket.io</title>
    <script language="JavaScript" type="text/javascript" src="http://192.168.42.1:8080/home/pi/myNode/jquery-3.1.1.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
</head>

Answer 3

Link 在本地 jQuery。

下载文件，然后将其放在与索引文件相同的目录中。或其他任何地方，但 link 适当。例如。 libs/js/jquery/jquery-3.1.1.min.js

Link 像这样：

<head>
<meta charset="utf-8" />
<title>Socket.io</title>
<script language="JavaScript" type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script src="/socket.io/socket.io.js"></script>

Jquery 引用错误

Jquery reference error

javascript

jquery

referenceerror