zepto与jquery还有vue的冲突解决
在引用上需要按这个顺序引用script src="/beiqi/js/jquery-3.1.1.min.js">script>script>jQuery.noConflict()script>script type="text/javascript" src="/beiqi/js/zepto.min.js">script>如果遇到vue有冲突,需要抛弃vue.js了,哎 也是比较无
·
在引用上需要按这个顺序引用
<script src="/beiqi/js/jquery-3.1.1.min.js"></script> <script>jQuery.noConflict()</script> <script type="text/javascript" src="/beiqi/js/zepto.min.js"></script>如果遇到vue有冲突,需要抛弃vue.js了,哎 也是比较无奈,页面代码这是用ajax硬拼接的页面,如图
jQuery.ajax({ url: juli.URL.deleteclocksql, type: "get", cache: false , data: { "ids":ids, "openid":localStorage.getItem(juli.openIdkey), "deviceId":localStorage.getItem(juli.snkey), "cls":"rm", } }) .done(function (data) { if(data.statue=="SUCCESS"){ el = document.getElementById('htmls'); $(el).html(""); var clocklist=data.list; if(typeof(clocklist)!="undefined"){ for(var i=0;i<clocklist.length;i++){ var htmls=""; htmls+='<section class="list">'+ '<ul class="list-ul">'+ '<li class="list-li">'+ '<div class="con">'+ '<div class="left">'+ '<p>'+clocklist[i].clocktime+'</p>'+ '<p>'+clocklist[i].clocktext+'</p>'+ '</div>'+ '<section class="model-2">'; if(clocklist[i].stat==1){ htmls+='<div class="checkbox">'+ '<input type="checkbox" checked="checked" name="openclock" value="'+clocklist[i].ids+'" οnclick="setclock(this)"/>'+ '<label></label>'+ '</div>'; }else{ htmls+='<div class="checkbox">'+ '<input type="checkbox" name="openclock" value="'+clocklist[i].ids+'" οnclick="setclock(this)"/>'+ '<label></label>'+ '</div>'; } htmls+='</section>'+ '</div>'+ '<div class="btn">'+ '<input type="button" οnclick="deleteclock(this)" ss="'+clocklist[i].ids+'"/>'+ '<input type="button" οnclick="bianjiclock(this)" ss="'+clocklist[i].ids+'"/>'+ '</div>'+ '</li>'+ '</ul>'+ '</section>' $(el).append(htmls); } }而且在引用zepto.js是需要初始化的,如图
jQuery(document).ready(function(){ $('.list-li').touchWipe({itemDelete: '.btn'}); });在这个页面中 所有的$需要换成jQuery!!!包括引用的js中的$也需要变成jQuery。
更多推荐
已为社区贡献1条内容
所有评论(0)