zepto与jquery还有vue的冲突解决

来源：互联网发布：win10qq网络不可用编辑：程序博客网时间：2024/05/22 02:04

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

<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+'" onclick="setclock(this)"/>'+                                    '<label></label>'+                                    '</div>';                        }else{                            htmls+='<div class="checkbox">'+                                    '<input type="checkbox" name="openclock" value="'+clocklist[i].ids+'" onclick="setclock(this)"/>'+                                    '<label></label>'+                                    '</div>';                        }                        htmls+='</section>'+                                '</div>'+                                '<div class="btn">'+                                '<input type="button" onclick="deleteclock(this)" ss="'+clocklist[i].ids+'"/>'+                                '<input type="button" onclick="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。

0 0