同一页面上两个js库的js冲突[重复]答案

【问题标题】：js conflict for two js libraries on same page [duplicate]同一页面上两个js库的js冲突[重复]
【发布时间】：2014-06-27 14:48:06
【问题描述】：

我正在使用这段代码来弹出一个模态：

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/bootstrap.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $("#btn").click(function(){
        $('#myModal').modal('show');
    }); 
</script>

还有

<script src="https://code.jquery.com/jquery-1.4.4.1.min.js"></script>

在同一页面上加载而没有冲突。

【问题讨论】：

到目前为止您尝试过什么？你试过noConflict()吗？ -- documentation
旁注：您在第二个<script> 中有错字。有1.4.1 和1.4.4 版本，但没有1.4.4.1。
@brbcoding 是的，但没有成功

标签： javascript jquery twitter-bootstrap

【解决方案1】：

尝试以这种方式进行。加载两个版本的 jQuery（不推荐）。然后，将 jQuery 的全局范围变量恢复为第一个加载的 jQuery。

    <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.noConflict demo</title>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div id="log">
  <h3>Before $.noConflict(true)</h3>
</div>
<script src="//code.jquery.com/jquery-1.6.2.js"></script>

<script>
var $log = $( "#log" );

$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );

// Restore globally scoped jQuery variables to the first version loaded
// (the newer version)

jq162 = jQuery.noConflict( true );

$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
</script>

</body>
</html>

【讨论】：

我试过了，但运气不好，请你帮我更多，我想先加载 1.4.41，它来自其他文件，但从其他文件加载到 index.php 和 js 1.10.1，我想要它获得第二名请更改问题代码谢谢！