用于Bootstrap和其他库文件的不同版本的jquery

时间:2014-03-24 16:05:57

标签: javascript jquery twitter-bootstrap

我有一个只支持Jquery 1.5的Javascript库,我有前端(Bootstrap和其他这样的库)需要jQuery 1.8。

如何为不同的库文件使用两组jquery?

我知道没有冲突但面临一些问题......

我必须首先加载jQuery 1.5(一些限制)...然后我加载jQuery 1.8然后我加载需要jQuery 1.8的javascript库。然后我打电话给Jquery。 jQuery.noConflict ..代码类似:

 <script src="js/jquery.1.5.js"></script>
 <script src="js/jquery.1.8.js"></script>
 //I want bootstrap to use v 1.8
 <script src="bootstrap.js"></script>
 <script>
 var $jq1 = jQuery.noConflict(true);
 </script>
 //Now rest of program should use jQuery 1.5

这是一个有效的解决方案吗?

编辑1:基于user3388636的回复

我看到一些库使用jQuery而不是$ ....我希望在这种情况下也适用吗?

这应该有效吗?

<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript" src="js/lib-using-jq-1.5.js"></script>
<script type="text/javascript">
   var jQuery_1_5 = $.noConflict(true);
</script>

<script type="text/javascript" src="js/jquery-1.8.js"></script>
<script type="text/javascript" src="js/lib-using-jq-1.8.js"></script>
<script type="text/javascript">
  var jQuery_1_8 = $.noConflict(true);
</script>

我现在可以设置$ value ??

<script type="text/javascript">
   $ = jQuery_1_5.noConflict(true);
</script>

1 个答案:

答案 0 :(得分:3)

我希望它可以帮到你 - http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/

<!-- load jQuery 1.1.3 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.1.3.js"></script>
<script type="text/javascript" src="jquery.dimensions.min.js"></script>

<!-- revert global jQuery and $ variables and store jQuery in a new variable -->
<script type="text/javascript">
var jQuery_1_1_3 = $.noConflict(true);
</script>

<!-- load jQuery 1.3.2 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>

<!-- revert global jQuery and $ variables and store jQuery in a new variable -->
<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>