Question

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

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

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

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

该页面使用codeigniter编写。

编辑编辑

使用为codeigniter编写的库自动加载脚本和CSS。但是生成的浏览器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>

Answer 1

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

Answer 2

您已经加载了两个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

Answer 3

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>

Answer 4

您的网页上有两个'html'，'head'标记，您可能想删除它们。并将所有这些javascript放入single.js文件中并在tag之前调用include。

prettyCheckable();

有定义

页面加载时jQuery无法正常工作

4 个答案: