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了,哎 也是比较无奈,页面代码这是用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+='
'+ '
    '+ '
  • '+ '
    '+ '
    '+ '

    '+clocklist[i].clocktime+'

    '
    + '

    '+clocklist[i].clocktext+'

    '
    + '
    '
    + '
    '; if(clocklist[i].stat==1){ htmls+='
    '+ '+clocklist[i].ids+'" οnclick="setclock(this)"/>'+ ''+ '
    '
    ; }else{ htmls+='
    '+ '+clocklist[i].ids+'" οnclick="setclock(this)"/>'+ ''+ '
    '
    ; } htmls+='
    '
    + '
    '
    + '
    '+ 'deleteclock(this)" ss="'+clocklist[i].ids+'"/>'+ 'bianjiclock(this)" ss="'+clocklist[i].ids+'"/>'+ '
    '
    + '
  • '
    + '
'
+ '
'
$(el).append(htmls); } }
而且在引用zepto.js是需要初始化的,如图

jQuery(document).ready(function(){
    $('.list-li').touchWipe({itemDelete: '.btn'});
});
在这个页面中 所有的$需要换成jQuery!!!包括引用的js中的$也需要变成jQuery。

你可能感兴趣的:(zepto与jquery还有vue的冲突解决)