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？

干杯