-1

我有一个可能非常简单的问题，完全是在欺骗我。

我有一个使用相当慢的 USB 棒运行的 Web 服务器 (XAMPP)。我有一个非常简单的文件结构：

--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")正确选择了我猜这意味着 jQuery 加载正常的 head 元素。

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

4

2 回答 2

2

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

于 2013-03-25T22:41:20.407 回答
0

在你的 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();
})

希望有帮助！

于 2013-03-25T22:46:03.343 回答