Question

我有一个非常简单的问题，完全欺骗了我。

我有一个网络服务器（XAMPP）运行一个相当慢的usb棒。我有一个非常简单的文件结构：

--htdocs  
  --projects
    --callback  
      index.html  
        --js
          jquery-1.9.1.min.js
          callbackclient.js  
        --css
          main.css

出于某种原因，我无法使用简单的链接脚本：这是我的index.html

<!DOCTYPE HTML>
<html>
  <head>
    <script src='js/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='js/callbackclient.js' type='text/javacsript'></script>
    <link href='css/main.css' rel='stylesheet' type='text/css'>
  </head>
  <body>
    This is a test
  </body>
  <script>
    $(document).ready(function(){
      tester();
    });
  </script>
</html>

这是我的callbackclient.js：
function tester(){ console.log("test"); }

当我点击localhost/projects/callback时，浏览器会按预期显示“这是一个测试”，但我在控制台中收到错误：

Uncaught ReferenceError: tester is not defined

如果我尝试运行tester（），我会得到相同的结果;从控制台直接，但$("head")正确选择head元素，我猜这意味着jQuery正在加载正常。

我一定错过了一些基本的东西 - 有人请赐教我！

Answer 1

可能是您拼错了脚本标记上的类型。 text/javacsript代替text/javascript

Answer 2

在你的callbackClient.js中试试这个：

var tester = function (){ console.log("test"); }

如果可行，您只需要将函数设置为变量，然后调用它。如果这不起作用，那么我只需删除HTML页面上的JS代码并在callbackClient.js中执行此操作：

jQuery(function () {
    // Logic here
    console.log('this is working, right?');

    var functionName = function () {
        console.log('blah blah blah')
    }

    functionName();
})

希望有所帮助！

链接的JS没有在慢速web服务器上运行

2 个答案: