If statement 如何在一个HTML中运行多个版本的Jquery

我想知道是否有人可以告诉我是否可以在一个html文件中运行多个版本的jquery？i、 e

我有6个div，每个div包含一个不同的jquery插件。第一个插件在最新的jquery上运行。第二个由较旧的版本驱动，等等

我试图将所有这些都实现到一个html中，但一旦我在下面实现了脚本2，脚本1，那么#1不再工作，但是#2工作了。只要我把#3放在#2下面，那么#3就起作用了，上面的一切都会中断

有没有具体的方法可以做到这一点？我曾尝试应用noConflict代码，但随后分配给它的脚本停止工作。除非我做错了

我曾经考虑过使用if语句来表示，如果var=plugin1被单击，则会取消所有其他jquery并仅播放该特定插件的jquery。其他插件也是如此。但我不确定这是否有效

我还考虑过使用单独的$（document）.ready（）{}；对于每个插件，但同样不确定这是否有效

有人知道我如何解决这个问题吗？在过去的三天三夜里，我一直在和这只野兽搏斗，而且我将永远欠你的债

ps：我没有提供任何代码，因为代码太多了，到处都是。如果你愿意，我可以

谢谢

---

$（文档）.ready（函数（）{
$（'#div1'）。手风琴({
OnTiggerSlide:函数（）{
this.find（'figcaption'）.fadeOut（）；
},
onslideanimplete:function（）{
this.find（'figcaption'）.fadeIn（）；
},
自动播放：对，
pauseOnHover:是的，
主题:"缝合",，
四舍五入：对，
我想：是的
}).find（'figcaption:first'）.show（）；
$（“#行程输入#离开日期，#行程输入#返回日期”）.datepicker（{dateFormat:'D，md，yy'，shown:'button'，buttonImage:'calendar.gif'，buttonImageOnly:true}）；//格式：2008年1月31日，星期四，仅当用户单击日历时显示
}); 
//日期选择器
正文{字体系列：verdana，arial，无衬线；颜色：白色；字体大小：0.8em；}
#行程{背景色：黑色；宽度：500px；}
#trip字段集{边框宽度：1px；宽度：470px；}
#trip.fields{padding:25px；margin bottom:20px；}
#trip div{clear:两者；}
#行程标签{浮动：左；宽度：165px；}
#跳闸输入{浮点：左；宽度：200px；}
#ui日期选择器触发器{float:left；width:16px；}
//日期选择器
var jQuery_1_2_6=$.noConflict（true）；
//样式开关

幻灯片一
你好，你好



幻灯片二


幻灯片三


幻灯片四


幻灯片五

请启用JavaScript以获得完整体验




行程长度
出发日期：
返回日期：





使用jQuery的样式表切换器
这是我的样式表切换器的一个简单示例，由于

更新2006年8月25日：更新以使用持久样式表和新版本的jQuery（SVN的r226）[谢谢Andrea]

更新2006年8月20日：更新以使用新版本的jQuery（来自SVN的r200）[“*=style”替换为“=*style*”]


当前活动的样式表：
样式1
样式2
样式3

选择不同的样式表：






请查看源代码以了解其工作原理，或查看有关此脚本的详细信息。您可以在此处下载相关Javascript:

。您可以让旧版本在不同的命名空间上运行，以避免冲突和混乱。

。您可以让旧版本在不同的命名空间上运行，以避免冲突和混乱。

它应该非常简单：

<script type='text/javascript' src='js/jquery.1.0.0.js'></script>  
<script type='text/jvascript'>
  var $jq1 = jQuery.noConflict();
</script>


<script type='text/javascript' src='js/jquery.2.0.0.js'></script>  
<script type='text/jvascript'>
  var $jq2 = jQuery.noConflict();
</script>


<script type='text/javascript' src='js/jquery.3.0.0.js'></script>  
<script type='text/jvascript'>
  $(document).ready(function() {
    console.log('constructed with jQuery 3.0.0');
  });
</script>

例如，这必须是：

$jq1('#id').plugin(); 

---

应该很简单：

<script type='text/javascript' src='js/jquery.1.0.0.js'></script>  
<script type='text/jvascript'>
  var $jq1 = jQuery.noConflict();
</script>


<script type='text/javascript' src='js/jquery.2.0.0.js'></script>  
<script type='text/jvascript'>
  var $jq2 = jQuery.noConflict();
</script>


<script type='text/javascript' src='js/jquery.3.0.0.js'></script>  
<script type='text/jvascript'>
  $(document).ready(function() {
    console.log('constructed with jQuery 3.0.0');
  });
</script>

例如，这必须是：

$jq1('#id').plugin(); 

---

你不能。您只能有一个版本的jquery。如果您想为某些插件提供向后支持，那么请使用jquery migrate plugin。

noConflict

正是为了这个目的。您应该包括您尝试过但不起作用的代码。例如，在同一版本的jquery（1.7）中真的没有办法找到这些插件吗？你在使用什么插件？谢谢你的帮助：）是的，我学到了一个很难的方法，一个人只能运行一个版本。你不能。您只能有一个版本的jquery。如果您想为某些插件提供向后支持，那么请使用jquery migrate plugin。

noConflict

正是为了这个目的。您应该包括您尝试过但不起作用的代码。例如，在同一版本的jquery（1.7）中真的没有办法找到这些插件吗？你用的是什么插件？谢谢你的帮助：）是的，我学到了一个人只能运行一个版本的艰难方法。我在我原来的帖子中包含了这个坏掉的文件。我还将尝试将每个插件包含在一个单独的HTML文件中。所以你可以看到它们是如何工作的。让我知道你需要我包括任何