颜色框和引导库之间的冲突

Question

使用ColorBox iFrame与Bootstrap之间存在冲突，来自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 
        });

和引导 JS：

 $(document).ready(function () {
      // bootstrap twitter code here 
        });

Answer 1

只要

在当前范围内jQuery === $，这两个函数就会执行相同的操作（通常是这种情况）。

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

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