ios小兼容问题

ios设备移动端点击无效click失效的解决办法

$(document).off('click', '#pagingMobile').on('click', '#pagingMobile', function() {
        //点击无反应
        if (opts.page == opts.totalPage){
            fn.alert('没有更多数据了');
            return;
        }
        loadMore(opts.page)
    })

但是电脑浏览器都能触发,查了资料是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() {})