鍍金池/ 問(wèn)答/HTML/ iOS9.3與Jquery的兼容問(wèn)題

iOS9.3與Jquery的兼容問(wèn)題

  1. 問(wèn)題,在iOS9的微信瀏覽器上不能執(zhí)行使用Jquery寫的方法。
  2. 相關(guān)代碼如下。

HTML:

<span class="button cancle" id="cancle_button" style="cursor: pointer">繼續(xù)答題</span>
<span class="button submit" id="submit_button" style="cursor: pointer">交卷</span>

js:

/**
 *繼續(xù)答題
 */
$("#cancle_button").click(function(){
    alert("點(diǎn)擊了一下");
});

/**
 *交卷
 */
$("#submit_button").click(function(){
    submitExam();
});

//提交試卷的方法
function submitExam() {
    var hadAnswer = 0;
    var examMap = new Map();
    var ids = $(".exam-item");
    $(ids).each(function (i) {
        var queId = $(ids[i]).data('id');
        var ans = $(ids[i]).children('.exam-ans').children('.ans-item');
        $(ans).each(function (j) {
            var answerRef = $(ans[j]).children('i');
            examMap.set(queId,"");
            if($(answerRef).hasClass('true')){
                examMap.set(queId,answerRef.attr('ref'));
                return false;
            }
        });
    });
    $("#examMap").val(JSON.stringify(strMapToObj(examMap)));
    $("#examFrom").submit();
}
function strMapToObj(strMap) {
    let obj = Object.create(null);
    for (let [k,v] of strMap) {
        obj[k] = v;
    }
    return obj;
}

設(shè)備是iPhone 5s(iOS9.3),其他手機(jī)都可以,就這個(gè)版本點(diǎn)了提交之后沒(méi)有任何反應(yīng),最后我將問(wèn)題定位到了提交試卷的那個(gè)方法上,應(yīng)該是這個(gè)方法里面的一些語(yǔ)法不能在iOS9上面識(shí)別,或者說(shuō)是jquery版本(2.1.1)的問(wèn)題,大家?guī)兔纯催@個(gè)方法存在哪些問(wèn)題,本人寫后臺(tái)的,js確實(shí)力不從心。

回答
編輯回答
毀了心

你可以用babel對(duì)代碼進(jìn)行編譯,把新語(yǔ)法轉(zhuǎn)成舊語(yǔ)法(同時(shí)引入polyfill)

2017年4月25日 23:10