同一页面上两个Js库的冲突
js conflict for two js libraries on same page
我使用这个代码弹出一个模态:
<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>
试试这样做。加载两个版本的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>
相关文章:
- 如何使用 node.js 比较两个 json 数组
- 如何在three.js上添加两个向量
- 如何用moment.js列出两个日期之间的所有月份
- moment.js在两个时区格式的日期之间存在差异
- js字符串转换为具有两个值的对象
- 如何将具有相同功能的两个select html标签的两个JS组合在一起
- 通过node.js和socket.io在两个用户之间发送消息
- 工具提示在带有两个图表的d3.js中消失
- 如何使用hasOne和sequelize.js引用两个表
- 使用应用程序状态js和视图在angular js url上传递两个参数
- Moment.js-两个日期的天数不同
- JS:两个或多个非严格模式下具有相同名称的对象属性
- 骨干.js两个层次的集合
- 拉斐尔.js两个不同的动画,一个悬停
- 挖空.js两个输入字段的逻辑 OR 的自定义验证规则
- angular.js两个指令,第二个指令不执行
- 帆JS两个查询第二次失败先删除
- CSS或JS粘/固定表头使用Easycal.js -两个分开的表
- Ember.js:两个控制器之间的依赖关系失败
- Node.js:两个服务器之间的通信(net)