jquery mobile - 使用mobile.changePage时未触发页面初始化事件

时间:2013-09-07 09:50:32

标签: javascript jquery jquery-mobile

我有以下代码来处理按钮的点击事件:

$(document).on("click", '.submit_review_button', function(event, ui) {


    var place = $.data(this, "object");
    var ttext = $("#review_text").val();
    var review = new Object();
    review.business_place_id = place._id;
    review.review = ttext;
    review.user_id = user._id;
    // var review = {business_place_id:place.id, review: ttext, user_id: user.id}

    $.ajax({
        url: site_url + '/reviews/',
        type:'POST',
        data: review,
        success: function(data) {
            $.mobile.changePage("show_reviews_page", {
                    allowSamePageTransition: true,
                    transition: 'none',
                    reloadPage: true    
                });
            // initShowReviewsPage();


       },
       error:function(data) {
        alert(1);
    }

});

});

我还在准备好文档中使用了这段代码:

  $("#show_reviews_page").on('pageinit', function() {
        initShowReviewsPage();
    });

我知道pageInit绑定有效,因为如果我使用它去#show_reviews_page工作。

但是当点击.submit_review_button按钮时,点击事件会触发,页面会发生变化,但初始化会触发,页面无效。

知道为什么它不起作用吗?

1 个答案:

答案 0 :(得分:0)

“pageinit”事件仅在第一次在DOM中加载页面时触发一次。 如果您想在每次进入页面时触发一个功能,请使用“pageshow”或“pagebeforeshow”事件。