zepto与jquery还有vue的冲突解决

唐元青
2023-12-01

在引用上需要按这个顺序引用

<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。

 类似资料: