Twitter bootstrap v2和Jquery没有冲突

时间:2012-02-12 20:25:29

标签: twitter-bootstrap jquery

我在使用旧版Jquery(1.4.4)的网站上工作,我无法更新此版本。 我想添加Twitter Bootstrap插件。 我如何使用jquery与这些插件没有冲突,因为它们使用Jquery 1.4干扰了网站的其他功能? bootstrap插件的模式是这样的:

!function($) {
  // code here

  // plugin definition here

} ( window.jQuery);

也许是这样的? :

<script type="text/javascript" src="/js/jquery.min17.js"></script>

     <script>
     var jq17 = jQuery.noConflict();
     </script> 

     <script type="text/javascript" src="/js/bootstrap-tab.js "></script> 

1 个答案:

答案 0 :(得分:4)

这很简单

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
    var $ = jQuery.noConflict();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
    var jq17 = jQuery.noConflict();
</script>

直播示例http://jsbin.com/elomit/edit#javascript,html,live