Question

我刚刚阅读了jQuery Mobile 1.3 API文档事件处理，并且在使用的相应事件上有点丢失。

基本上，我希望我的APP能够在首次使用AJAX启动时加载我的博客帖子。我只能想到以下事件，但不确定哪种情况最适合我的需要：

$( document ).on('pagecreate' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

$( document ).on('pagebeforecreate' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

$( document ).on('pagebeforeload' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

$( document ).on('pagebeforeshow' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

$( document ).on('pagecreate' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

$( document ).on('pageinit' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

$( document ).on('pageshow' , '#blogposts', function () {
    $.ajax({
    //Get data from server
    });
});

Answer 1

虽然理论上可以使用其中任何一种，但通常最好的选择是准备文件。这样，无论数据何时从服务器返回，响应时间有多长或多短，DOM都可以被操作/注入数据。你可以很容易地绑定到这个：

$(document).ready(function () {
    $.ajax({
        // get data from server
        success: function (data) {
            $('#blogposts').text(data); // or however you want to inject the data
        }
    });
});

用于加载动态JSON数据的JQuery移动事件

1 个答案: