jQuery Mobile中的子页面|在列表视图中导航

Question

可能有人向我解释，子页面功能如何在jQuery Mobile中运行？

我读了docs of the navmodel，但仍然不知道。

我想要达到的目的是为列表视图制作分页导航。到目前为止，使用Ajax（$ .get（...））时这一切都运行正常，但后退按钮运行不正常。

有些人可以举例说明如何使用jQuery Mobile的子页面实现这一目标吗？

提前致谢。

修改

抱歉，我无法添加JSFiddle，因为代码的主要部分是执行简单的ajax请求并从服务器加载HTML代码段。

var loadListview = function(page) {
        var $listview = $('#listview');
        $.get('page/loadListview', {
                p: page
        }, function(response) {
                $listview.html(response).trigger('create').find('.navbar a').bind('click', function(e) {
                        e.preventDefault();
                        var page = $(this).data('navbar-page');
                        loadListview(page);
                });
        });
};

我还尝试使用以下操作来操作导航。

window.history.pushState({ navBarPage: page }, '','page/listview?p='+page);

但它与jquery mobile发生冲突。

子页面必须有更聪明的方法。