数据保留在jQuery mobile中的多页面布局中

Question

是否有方法在多页布局中使用data role=“page”刷新分区div。我已经通过了jQuery的这个链接。data（）缓存是否在jQuery mobile中跨页面转换保持？但是没有刷新div的解决方案。我没有从任何服务器加载任何html内容。当我使用reload:true时，整个应用程序都会重新加载（这是因为我在页面之间导航时使用changeHash:false）。提前谢谢。

$("#buttonID").click(function(){     
    $.mobile.changePage("#PageId",{
        allowSamePageTransition: true,
        transition: 'fade', 
        changeHash: false
    });
});

Answer 1

HTML

 <div data-role="page" id="page1">
    <div data-role="header" class="">
        <h3>Home</h3> 
    </div>
    <div role="main" id="mycontent" class="ui-content">
        "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...""There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
        <a href="" data-role="none" class="ui-btn" id="btn-refresh"> Refresh    </a>
    </div>
 </div>

JAVASCRIPT中文

$(document).on("click", "#btn-refresh", function () {
    $("#mycontent").empty();
    $("#mycontent").html("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");
    $("div[data-role=page]").trigger("create");
    $.mobile.changePage("#product_page", {
       allowSamePageTransition: true,
       transition: 'flip',
       changeHash: false
    });
})

演示