zeptoとjqueryとvueの衝突解決

17193 ワード

参照にはこの順序で参照する必要があります
<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になる必要があります.