0

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

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

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

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

该页面是使用 codeigniter 编写的。

编辑编辑

脚本和 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>
4

4 回答 4

1

2-prettyCheckable.js 有一个分号作为它的第一个字符，并且其中没有名为 prettyCheckable 的方法。有几行是偶然从这个脚本中删掉的吗？

于 2013-11-05T19:37:48.497 回答
1

您先加载了两个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
于 2013-11-05T19:38:10.813 回答
1

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>
于 2013-11-05T19:38:38.423 回答
1

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

有定义prettyCheckable();

于 2013-11-05T19:39:00.640 回答