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+='<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。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值