在同一页面上使用多个jquery

我对jQuery非常陌生，我已经看过很多问题。而且大多可能为他们工作，但不适合我。问题在于在同一页面中使用多个jQuery。这是我的头标签中的代码。在同一页面上使用多个jquery

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

我很困惑这有什么问题。如果我使用其中一个，它正在工作，但是在我把它们都使用之后，它根本不工作。你们有没有解决方案？谢谢。

来源

2014-01-07 Anthosiastic

为什么你需要多个jQuery？这是一个非常糟糕的主意。 – zero298

这是因为你不应该加载两个jQuery版本。没有理由，你应该需要两个版本。 – War10ck

这太糟糕了，不要在同一个“javascript”环境中使用不同版本的jQuery – nrathaus

这应该工作。

但是，如果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/打开你的浏览器自己的网页和例子应该工作。

来源

2014-01-07 18:02:12 tarn

魔术！这很清楚，可以理解！谢谢！ – Anthosiastic

在同一页面上使用多个jquery

回答

相关问题