live ajax插入的效果,Ajax插入后的加载页面jQuery Mobile

它可以做到，我为你做了一个例子。这是不是100％你想要的东西，但你会得到点：http://jsfiddle.net/Gajotres/AzXdT/

基本上我在我的例子做的就是展示AJAX程序的时候，页面即将被隐藏：

$(document).live('pagebeforehide', '[data-role="page"]',function(e,data){

var loader = setInterval(function(){

$.mobile.loading('show');

clearInterval(loader);

},1);

});

藏起来当页面加载：

$(document).live('pageshow', '[data-role="page"]',function(e,data){

var loader = setInterval(function(){

$.mobile.loading('hide');

clearInterval(loader);

},1);

});

的setInterval是因为这里的Web浏览器套件显示有甚至除了pageshow任何阿贾克斯装载机的一个问题。

你可以使用我的代码隐藏时，将显示页面的ajax装载机，但有时你的Ajax pageshow后，将成功结束，以便让说这是你的Ajax调用：

$.ajax({

type: "POST",

url: host,

dataType: "xml",

data: somedata,

success: function(xml) {

//Do something

hideloader();

},

error: function (request,error) {

//Report an error

hideloader();

}

});

function hideloader() {

var loader = setInterval(function(){

$.mobile.loading('hide');

clearInterval(loader);

},1);

}

在这种情况下，我已经使用2台装载机