我有一个非常简单的问题,完全欺骗了我。
我有一个网络服务器(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正在加载正常。
我一定错过了一些基本的东西 - 有人请赐教我!
答案 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();
})
希望有所帮助!