jQuery在页面加载时不起作用

jQuery not working when the page loads

本文关键字：不起作用 加载 jQuery      更新时间：2023-09-26

我在我的本地主机上构建了一个简单的页面，然后将其上传到网上。当从本地机器查看页面时，所有jQuery交互都运行良好，没有任何问题。但是当我查看托管页面时，没有任何反应。似乎插件 + jQuery 没有正确加载，尽管我看到它们已加载（使用 Firefox 查看源代码，我检查脚本地址并查看它们的源代码而没有 404 错误）。

我感谢任何帮助。这是地址：

http://tarjom.ir/demo/niazer/

jQuery交互是当用户单击搜索栏时，一个包含许多搜索类别的框向下滑动。而且，当鼠标悬停红线时，红线底部的缩略图也会移动。现在，你可能不会看到任何这些故事。

该页面是使用代码点火器编写的。

编辑

编辑

脚本和CSS是使用为codeigniter编写的库自动加载的。但是为浏览器生成的 HTML 标记如下：

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

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>

2-prettyCheckable.js的第一个字符是分号，其中没有称为prettyCheckable的方法。这个剧本中的几句台词是不小心剪掉的吗？

您的网页有两个"html"、"head"标签，您可能需要删除它们。并将所有这些javascript放入一个文件中.js并在标签之前调用include它。

prettyCheckable();有定义

您已经加载了两个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
相关文章：