javascript - jquery mobile - 使用mobile.changePage时没有触发pageinit事件

Question

我有以下代码用于处理按钮的单击事件：

$(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 按钮时，点击事件会触发，页面会发生变化，但 init 不会触发并且页面无效。

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

Answer 1

“pageinit”事件仅在页面第一次加载到 DOM 时触发一次。如果您想在每次访问页面时触发一个函数，请使用“pageshow”或“pagebeforeshow”事件。