在同一页面上使用多个jquery

时间:2014-01-07 17:02:35

标签: javascript jquery html

我对jQuery很新,我看过很多问题。大多数人可能会为他们工作但不适合我。问题是在同一页面中使用多个jQuery。这是我在head标签中的代码。

<!-- load jQuery 1.8.2) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="assets/scripts/bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="assets/scripts/bxslider/jquery.bxslider.css" rel="stylesheet" />

<script>
var jQuery_1_8_2 = $.noConflict(true);
</script>

<!-- fullBackground -->
<script src="assets/scripts/fullbg/jquery.fullbg.min.js"></script>
<!-- load jQuery 1.5.0 -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

<script>
var jQuery_1_5_0 = $.noConflict(true);
</script>

我很困惑这有什么不对。如果我使用其中一个,它正在工作但是在我放两个之后,它根本不起作用。你们有没有解决方案吗?感谢。

1 个答案:

答案 0 :(得分:1)

这应该有用。

但是,如果从文件中打开html文档,则不会因为第一个jQuery URL的方案没有定义,所以从父文件中获取file://。由于可能没有此名称的本地文件,因此无法加载,并且未定义$。然后调用第一个$ .noConflict()函数失败并显示$ not defined

将方案添加到第一个URL可修复此问题。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

经常省略该方案的原因是它将使用http://https://,具体取决于页面使用的内容,这通常是一件好事。

通过HTTP在本地提供html文档的一种方法是从同一目录运行一个简单的Python HTTP服务器。

python -m SimpleHTTPServer

然后,您可以在浏览器中http://localhost:8000/打开您的页面,您的示例应该有效。