Opera Mini Jquery AJAX not loading

Opera Mini Jquery AJAX not loading

本文关键字:not loading AJAX Jquery Mini Opera      更新时间:2023-09-26

我一直在为移动设备开发一个网站。但是,由于某些原因,AJAX 调用在 Opera Mini 上不起作用。例如 - 一个这样的请求在页面末尾加载更多内容 (70%)

$(document).scroll(function (e) {
    if (processing) return false;
    if ($(window).scrollTop() >= ($(document).height() - $(window).height()) * 0.7) {
        processing = true;
        $.ajax({
            type: "GET",
            url: "/ajax/popup-loadmore-test.php",
            data: {
                entityid: $("#e").attr("data-id"),
                version: version
            }
        }).done(function (msg) {
            console.log("Data emitted: " + msg);
            $('#f').append(msg);
            version++;
            processing = false;
        });
    }
});

它在桌面,UC浏览器,安卓浏览器等任何地方都可以工作,但不能在Opera Mini上运行。

如果 AJAX 以不同的方式为 Opera Mini 编写,请提供帮助。我一直在阅读很多关于 Opera Mini 在浏览器上渲染页面的方式。我的用户群有近50%的歌剧用户,所以这对我来说是一个大问题。谢谢。

Opera Mini中没有scroll事件。

Opera Mini 不支持的 DOM 事件:

  • 上下文菜单
  • dblclick
  • 错误
  • 键控
  • 按键
  • 键控
  • 鼠标移动
  • 鼠标输入
  • 鼠标离开
  • 鼠标退出
  • 鼠标滚轮
  • 调整
  • 滚动
  • 触摸取消
  • 触端
  • 触摸移动
  • 触摸启动

阅读更多 Opera Mini 的工作原理。

作为 Opera 迷你不支持scroll事件 使用按钮加载更多并将onClick事件添加到该按钮,Opera 迷你支持 onClick 事件

<div id="loadmore" onClick="loadmore()">More</div>
function loadmore()
{
   $.ajax({
            type: "GET",
            url: "/ajax/popup-loadmore-test.php",
            data: {
                entityid: $("#e").attr("data-id"),
                version: version
            }
        }).done(function (msg) {
            console.log("Data emitted: " + msg);
            $('#f').append(msg);
            version++;
            processing = false;
        });
}