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

时间:2013-03-25 22:37:28

标签: javascript html xampp

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

我有一个网络服务器(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正在加载正常。

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分: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();
})

希望有所帮助!