ios小兼容問題

ios設(shè)備移動端點擊無效click失效的解決辦法

$(document).off('click', '#pagingMobile').on('click', '#pagingMobile', function() {
        //點擊無反應
        if (opts.page == opts.totalPage){
            fn.alert('沒有更多數(shù)據(jù)了');
            return;
        }
        loadMore(opts.page)
    })

但是電腦瀏覽器都能觸發(fā),查了資料是ios中不允許將點擊事件綁定在document或者body上,如果綁定上的話將會失效。

解決方案:4種

第一種:給#pagingMobile加上css樣式cursor :pointer;

#pagingMobile{cursor: pointer;}

第二種:將#pagingMobile改為a標簽或者button

第三種:用#pagingMobile外面的標簽,任意的父元素,不要是document或者body

$('#pagingMobile任意父親').off('click', '#pagingMobile').on('click', '#pagingMobile', function() {})

第四種:將click事件改為touchend事件

$(document).off('touchend', '#pagingMobile').on('touchend', '#pagingMobile', function() {})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容