javascript - colorbox 和引导库之间的冲突

Question

使用来自 Twitter 的ColorBox iFrame与Bootstrap之间存在冲突。我正在尝试使用以下 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 
        });

和引导 js：

 $(document).ready(function () {

      // bootstrap twitter code here 
        });

Answer 1

只要jQuery === $在当前范围内（通常是这种情况），这两个函数的作用都是一样的。

第一个版本更好，因为如果noConflict使用它也可以工作。

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