jquery - jQuery 移动加载轮在某些浏览器中不起作用

Question

我正在使用以下行：

$.mobile.loading('show');

和

$.mobile.loading('hide');

与jquery.mobile-1.2.0.js.

它适用于 Firefox，但不适用于 Windows 上的 Chrome（版本 26）和 Safari（5.1.7）。它是特定于浏览器的吗？

Answer 1

jQuery Moible 对 web-kit 浏览器有问题，所以如果使用任何页面事件（除了 pageshow），ajax 加载器只有在使用 setinterval 执行时才能工作：

这是一个工作示例：http: //jsfiddle.net/LW7MU/

$(document).on('pagebeforeshow', '#index', function(){  
    var loader = setInterval(function(){
        $.mobile.loading('show');
        clearInterval(loader);
    },1);       
});

正如我之前提到的，ajax loader 将在 Chrome 中成功显示，并且使用了 Safari ig pageshow 事件，例如：http: //jsfiddle.net/8ay3W/1/

此代码也可以在 Firefox 和移动浏览器中安全使用。

这在第一个 jQM 版本中是特定于 Chrome 和 Safari 的，无论是使用旧版本的 alax 加载程序触发还是这个带有$.mobile.loading('show') 的新版本。

很少有其他类似的问题。这也是 jQM 弹出窗口可以以编程方式打开/关闭的唯一方法。