在一个jsp中使用5个jquery文件

时间:2014-10-08 10:08:12

标签: jquery jsp slider

我正在构建一个在线购物网站的项目,其中我使用的模板为其中的2个滑块提供了3个jquery文件,并且我已经在其中添加了2个jquery文件以用于价格滑块但是当我加载包含所有的网页时3个滑块它只适用于价格滑块而不是其他2但当我评论滑块jquery文件然后其他2个滑块工作plzz告诉我如何解决... 2个图像滑块的jquery文件是: -

 <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
 <script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
 <script src="js/jquery-func.js" type="text/javascript"></script>

价格范围滑块的jquery文件是:: -

 <script src="js/jquery-1.8.3.js"></script>
    <script src="js/jquery-ui-1.9.2.custom.js"></script> 

2 个答案:

答案 0 :(得分:1)

这些行包含两个不同版本的jQuery:

<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>

<script src="js/jquery-1.8.3.js"></script>

他们会发生冲突。有一些方法可以在一个项目中支持多个版本的jQuery,但是当你有遗传代码无法更新时,这通常是一个后备。

您最好的选择是仅使用更高版本,因此您的脚本包含如下所示:

 <script src="js/jquery-1.8.3.js"></script>
 <script src="js/jquery-ui-1.9.2.custom.js"></script> 
 <script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
 <script src="js/jquery-func.js" type="text/javascript"></script>

确保首先包含jQuery,然后是jQuery UI,然后是其他脚本。

我还建议您更新到最新的 HTML4兼容版本的jQuery(如果可以)(版本1.11.1)并更新到最新的匹配jQuery UI版本。

答案 1 :(得分:0)

达到此目的的一种方法是访问Gemfile

  

jQuery.noConflict()

     

一个布尔值,指示是否要从中删除所有jQuery变量。   全局范围(包括jQuery本身)。

如果您需要与原始jQuery一起使用另一个JavaScript库或另一个jQuery版本,请通过调用$ .noConflict()将$的控制权返回到另一个库。

$的旧引用在jQuery初始化期间保存; noConflict()只是还原它们

示例片段:

bundle update mysql2