jquery - jQuery Mobile 左右滑动切换页面、单个 html 文件

Question

我需要能够在一组特定的页面之间滑动，这些页面是外部 html 文件

如果我将所有页面都放在一个 html 文件中，则下面的代码效果很好：-

<script>
    <!--
    $('div.ui-page').live("swipeleft", function(){
        var nextpage = $(this).next('div[data-role="page"]');
        if (nextpage.length > 0) {
            $.mobile.changePage(nextpage, "slide", false, true);
        }
    });
    $('div.ui-page').live("swiperight", function(){
        var prevpage = $(this).prev('div[data-role="page"]');
        if (prevpage.length > 0) {
            $.mobile.changePage(prevpage, {transition: "slide",
            reverse: true}, true, true);
        }
    });
    // -->
</script>

我怎样才能让它工作链接到不同的 html 页面，例如：page1.html 到 page6.html？

干杯