Javascript 在本地主机上查看页面时jQuery脚本不工作

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

我第一次开始在Mac上玩,我创建了一个非常简单的HTML页面,在单击h1标记时使用jQuery进行简单的文本交换

当我不通过Web服务器查看页面,而直接在Safari中打开它时(file:///Applications/xampp/xamppfiles/htdocs/test/mypage.html)它按预期工作。但是,当我尝试通过Apache()查看时,它不起作用

以下是代码

<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”