colorbox和bootstrap libs之间的冲突

Question

使用ColorBox iFrame与Bootstrap, from Twitter之间存在冲突。 我试图使用以下coee来解决冲突，但同样的问题：

包括所需的库：

<script src="../jq/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../bootstrap/js/bootstrap.js" type="text/javascript"></script>  
<script src="../js/colorbox/jquery.colorbox-min.js" type="text/javascript"></script>

颜色框js：

jQuery(document).ready(function ($) {

      // colorbox code here 
        });

和bootstrap js：

 $(document).ready(function () {

      // bootstrap twitter code here 
        });

Answer 1

两个函数在当前作用域中都是jQuery === $一样长（通常就是这种情况）。

第一个版本更好，但如果使用noConflict也可以。

jQuery(document).ready(function($) {
    // both colorbox and bootstrap code here 
});