Php 站点上线后Jquery失败

Php 站点上线后Jquery失败,php,jquery,Php,Jquery,编辑:已过帐的标题代码 编辑2:关于php的澄清 我已经用JQuery设计了一个网站好几个星期了。我没有本地服务器或测试服务器,所以我只是通过FTP创建了一个目录,“/testing”。在测试目录中,一切都很好 我试图在今晚上线,将“/testing”中的所有文件移动到根目录,并相应地更改了所有文件路径和脚本源。站点会加载,但与JQuery相关的所有内容都不起作用。Javascript控制台提供以下错误(就像插件中的示例): “$.os.name”不是函数 我不知该怎么办。我更改了引用JQuer

编辑:已过帐的标题代码 编辑2:关于php的澄清

我已经用JQuery设计了一个网站好几个星期了。我没有本地服务器或测试服务器,所以我只是通过FTP创建了一个目录,“/testing”。在测试目录中,一切都很好

我试图在今晚上线,将“/testing”中的所有文件移动到根目录,并相应地更改了所有文件路径和脚本源。站点会加载,但与JQuery相关的所有内容都不起作用。Javascript控制台提供以下错误(就像插件中的示例):

“$.os.name”不是函数

我不知该怎么办。我更改了引用JQuery库的路径,安装了JQuery的新副本(到新目录),等等

wordpress安装在不同的目录“/blog”中。我已经读过一些关于wordpress兼容性的问题,但这似乎与在wordpress内部使用JQuery有关,而我不是

以下是标题代码:

<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<link href="main.css" rel="stylesheet" type="text/css">  
<link href="jquery.lightbox-0.5.css" rel="stylesheet" type="text/css">  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
<script type="text/javascript" src="jq.browser.js"></script>  
<script type="text/javascript" src="compatible.js"></script>  
<script type="text/javascript" src="nav.js"></script>  
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>  
<script type="text/javascript">  
$(function() {  
$('a.lightbox').lightBox();  
});  
</script>  
<title>Pearce Images</title>  
<script type="text/javascript" src="slider.js"></script>  
<link href="slider.css" rel="stylesheet" type="text/css">  
</head>

$(函数(){
$('a.lightbox').lightbox();
});  
皮尔斯图像
值得注意的是,所有页面都使用PHP。我不是PHP开发人员,我只使用1个函数:require_once('some.file.PHP')。(很抱歉没有代码标记,但我就是无法处理这个标记)。我只是使用它为所有页面的页眉和页脚提取相同的代码,这样如果需要进行更改,我只需要更改一段代码


非常感谢您的帮助。

首先尝试从您的浏览器下载jquery.js文件(或其名称)。转到查看源代码。某些浏览器会自动高亮显示链接,以便您可以单击它们。查看访问jquery.js文件时是否加载该文件。如果不是,则说明服务器配置问题

否则,创建一个使用jQuery脚本的简单HTML文件。如果它工作得很好,您将隔离问题

要测试的一件事是查看
jQuery
变量是否仍然可用<代码>$可能已更改为引用另一个JavaScript库。如果是这样的话,你不必用jQuerys替换所有的$s;通过使用如下代码包装jQuery,您可以保持代码与使用其他插件的代码兼容:

(function($){
    /* Code using $ for jQuery. */
}(jQuery));
<head> 
  <link href="main.css" rel="stylesheet" type="text/css"> 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
  <script type="text/javascript" src="compatible.js"></script> 
  <script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
  <script type="text/javascript">
      jQuery(document).ready(function () { jQuery('a.lightbox').lightBox(); });
  </script>
  <title>Pearce Images</title> 
  <link href="slider.css" rel="stylesheet" type="text/css">

要排除故障,请尝试将jQuery的
标记指向位于
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
。如果这样做行得通,那么您就是弄乱了
src
属性。发布页面中的标题以及实际放置jQuery的位置

编辑(查看代码后):我想知道“compatible.js”是否覆盖了
$
函数声明。尝试将使用
$
的所有实例替换为仅
jQuery
。另外,您的Javascript似乎不在
标记中。使您的代码如下所示:

(function($){
    /* Code using $ for jQuery. */
}(jQuery));
<head> 
  <link href="main.css" rel="stylesheet" type="text/css"> 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
  <script type="text/javascript" src="compatible.js"></script> 
  <script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
  <script type="text/javascript">
      jQuery(document).ready(function () { jQuery('a.lightbox').lightBox(); });
  </script>
  <title>Pearce Images</title> 
  <link href="slider.css" rel="stylesheet" type="text/css">

jQuery(document).ready(函数(){jQuery('a.lightbox').lightbox();});
皮尔斯图像

这可能是复制粘贴问题,但“1.4.2”后面有一个额外的空格:



还要检查是否再次从compatible.js调用jquery。。。这可能会导致这个问题……

哦,老兄,我觉得自己像个傻瓜:

<script type="text/javascript" src="jq.browser.js"></script>

一切都很好,谢谢大家的帮助

尝试谷歌源代码,不幸的是同样的问题。我已经添加了请求的头代码(抱歉,如果它看起来很奇怪,我很难降低价格…)。我能够下载文件(如果你的意思是将我的浏览器地址指向jquery文件),我创建了一个简单的html页面,通过jquery发出了一个简单的警报,没有运气。明天早上我得试一下兼容性问题,可能很快就需要睡觉了。如果事情真的那么简单,恐怕就复印一份就可以了。谢谢你的好眼光。我编辑了我的答案。最好也看看compatible.js的功能。