Javascript 在本地主机上查看页面时jQuery脚本不工作
我第一次开始在Mac上玩,我创建了一个非常简单的HTML页面,在单击h1标记时使用jQuery进行简单的文本交换 当我不通过Web服务器查看页面,而直接在Safari中打开它时(file:///Applications/xampp/xamppfiles/htdocs/test/mypage.html)它按预期工作。但是,当我尝试通过Apache()查看时,它不起作用 以下是代码:Javascript 在本地主机上查看页面时jQuery脚本不工作,javascript,jquery,html,apache,macos,Javascript,Jquery,Html,Apache,Macos,我第一次开始在Mac上玩,我创建了一个非常简单的HTML页面,在单击h1标记时使用jQuery进行简单的文本交换 当我不通过Web服务器查看页面,而直接在Safari中打开它时(file:///Applications/xampp/xamppfiles/htdocs/test/mypage.html)它按预期工作。但是,当我尝试通过Apache()查看时,它不起作用 以下是代码: <html> <head> <title>My
<html>
<head>
<title>My Awesome Page</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" charset="utf-8">
function sayHello()
{ $('#foo').text('Hi there!');
}
</script>
</head>
<body>
<h1 id="foo" onclick="sayHello()">Click me!</h1>
</body>
</html>
我的精彩页面
函数sayHello()
{$('foo').text('Hi there!');
}
点击我!
我是不是在Mac上遗漏了什么?不会是Apache设置,因为它的客户端代码。。对吧?
我可能还应该提到,我加载XAMPP是为了运行Apache和MySQL。我使用一个简单的PHP文件测试了Apache,以确保其正常工作
Steve使用Firebug并访问该页面。罪魁祸首之一可能是web服务器无法打开jquery.js文件,因为文件权限。Firebug将显示是否在页面中加载了jquery,甚至您可以在控制台选项卡中动态添加jquery代码 如果您使用Safari访问它,请使用Web Inspector并查看Console选项卡中是否显示任何错误 最后一件事,养成一个习惯,避免点击
onclick
,改为:
<script type="text/javascript" charset="utf-8">
function sayHello()
{
$('#foo').text('Hi there!');
}
//wait DOM loaded
jQuery(function($){
$('#foo').click(function(){
sayHello();
});
});
</script>
函数sayHello()
{
$('foo').text('Hi there!');
}
//等待DOM加载
jQuery(函数($){
$('#foo')。单击(函数(){
你好;
});
});
另外,最好在
之前将js代码放在页面末尾附近,这样就不会阻止并发页面元素的加载。webinspector for Safari帮了大忙。这是jquery.js文件的文件权限。文件夹中的其他文件的模式为644,组为admin,因此我在终端中运行以下命令,它就像champ一样工作。“chmod 644 jquery.js”和“chgrp admin jquery.js”