Javascript 页面加载时jQuery不工作
我在本地主机上构建了一个简单的页面,然后将其上传到网上。当从本地机器查看页面时,所有jQuery交互都可以正常工作,没有任何问题。但是当我查看托管页面时,什么都没有发生。似乎插件+jQuery没有正确加载,尽管我看到它们已加载(使用firefox查看源代码,我检查脚本地址并查看它们的源代码,没有404错误) 谢谢你的帮助。地址如下: jQuery交互是当用户单击搜索栏时,一个包含许多搜索类别的框向下滑动。 当鼠标悬停时,红线底部的缩略图也会移动。现在,你可能看不到这些故事 该页面是使用codeigniter编写的 编辑 使用为codeigniter编写的库自动加载脚本和CSS。但为浏览器生成的HTML标记如下所示:Javascript 页面加载时jQuery不工作,javascript,jquery,html,codeigniter,Javascript,Jquery,Html,Codeigniter,我在本地主机上构建了一个简单的页面,然后将其上传到网上。当从本地机器查看页面时,所有jQuery交互都可以正常工作,没有任何问题。但是当我查看托管页面时,什么都没有发生。似乎插件+jQuery没有正确加载,尽管我看到它们已加载(使用firefox查看源代码,我检查脚本地址并查看它们的源代码,没有404错误) 谢谢你的帮助。地址如下: jQuery交互是当用户单击搜索栏时,一个包含许多搜索类别的框向下滑动。 当鼠标悬停时,红线底部的缩略图也会移动。现在,你可能看不到这些故事 该页面是使用code
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/2-prettyCheckable.js"></script>
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/1-jquery.js"></script>
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/mtSlideElement.js"></script>
2-prettyCheckable.js的第一个字符是分号,其中没有名为prettyCheckable的方法。这段脚本中有几行是偶然删掉的吗?<2-prettyCheckable.js的第一个字符是分号,其中没有称为prettyCheckable的方法。这段脚本中有几行被意外删掉了吗?您已经加载了两行jQuery
,首先是jqueryv1.10.2
,然后是prettyCheckable.js
,然后是jqueryv1.10.1
,这就是问题所在,因为,一旦prettyCheckable
扩展了核心jQuery
,然后再次加载另一个jQuery
,它是全新的。这是命令
http://tarjom.ir/demo/niazer/js/blue/1-jquery.js // loaded
http://tarjom.ir/demo/niazer/js/blue/2-prettyCheckable.js // jQuery.fn extended
http://code.jquery.com/jquery-1.10.1.min.js // old jQuery replaced
您已经加载了两个
jQuery
,首先jQuery v1.10.2
,然后prettyCheckable.js
,然后再次jQuery v1.10.1
,这是一个问题,因为一旦prettyCheckable
扩展了核心jQuery
,然后又加载了另一个jQuery
,它是全新的。这是命令
http://tarjom.ir/demo/niazer/js/blue/1-jquery.js // loaded
http://tarjom.ir/demo/niazer/js/blue/2-prettyCheckable.js // jQuery.fn extended
http://code.jquery.com/jquery-1.10.1.min.js // old jQuery replaced
prettyCheckable是一个jQuery插件,您需要在调用jQuery后包含它,更改包含脚本的顺序,使其看起来像这样:
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/1-jquery.js"></script>
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/2-prettyCheckable.js"></script>
prettyCheckable是一个jQuery插件,您需要在调用jQuery后包含它,更改包含脚本的顺序,使其看起来像这样:
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/1-jquery.js"></script>
<script type="text/javascript" src="http://tarjom.ir/demo/niazer/js/blue/2-prettyCheckable.js"></script>
您的页面有两个“html”、“head”标记,您可能需要删除它们。将所有这些javascript放在一个.js文件中,并在标记之前调用include
有
prettyCheckable()的定义代码>您的页面有两个“html”、“head”标记,您可能需要删除它们。将所有这些javascript放在一个.js文件中,并在标记之前调用include
有prettyCheckable()的定义代码>请提供引入jQuery的代码(您的标题中的脚本标记)。加载页面时控制台中有错误。看那边,我已经拍了。我不知道为什么会报告错误,因为已加载所有必需的脚本…将$(文档).ready(函数(){..
更改为$(窗口).ready(函数()){
脚本的顺序也不会有问题,因为我甚至在所有东西上加载了托管的jQuery以确保其加载。请提供引入jQuery的代码(您的头中的脚本标记
)。加载页面时控制台中有错误。请查看。我已执行。我不知道报告错误的原因,因为已加载所有必需的脚本…更改$(文档)。就绪(函数(){..
到$(窗口)。就绪(函数(){
脚本的顺序也不会有问题,因为我甚至在所有东西上加载了托管的jQuery以确保其加载。不必要的;
根本不会导致问题。太多总比不够好;)不必要的;
根本不会导致问题。太多总比不够好;)