同⼀个HTML页⾯中引⼊多版本JQuery导致的冲突问题(已解决)【问题产⽣原因】
项⽬中引⼊了JQuery插件,版本JQ1.9,添加新的功能时需要引⼊JQ2.1,引⼊后原有低版本的所有功能⽆法运⾏。wxss怎么读
【解决⽅式】
自定义表单源码利⽤Conflict()函数
【具体解决过程】
1.为了不改动原有的JQuery
2.1⽂件,新建⼀个JS,命名为MyJQuery.2.1.1.js
2.向MyJQuery.2.1.1.js⽂件中添加代码
(function(){
var $JQ2= Conflict(true);
})();
jquery下载文件进度条3.将jquery-2.1.1.min.js⽂件复制进来
4.引⼊页⾯
因原有页⾯中的功能都是基于JQ1.9,所以先引⼊JQ2.1,后引⼊JQ1.9
<scripttype="text/javascript" src="assets/js/MyJQuery.2.1.1.js"></script>
<script type="text/javascript" src="assets/js/jquery.1.9.0.js"></script>
5.添加全局变量$JQ2
<script src="assets/js/MyJQuery.2.1.1.js" type="text/javascript"></script>
<script type="text/javascript">
discuz手机版模板var $JQ2= Conflict(true);
</script>
oa流程及表单模板<script type="text/javascript" src="assets/js/jquery.1.9.0.js"></script>
6.调⽤$JQ2
杜兰特篮网function uploadExcle(){
console.log($.fn.jquery);
console.log($JQ2.fn.jquery);
$JQ2('#myModalUpload').modal('show');
}
$('#delete-btn').click(function(){
$JQ2('#myModalUpload').modal('hide');
});
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论