java - mobile.changePage 到下一页？

Question

如何更改下面的代码以滑动到下一页/'to: url' 而不必为每个页面更改编写脚本？

    <script type="text/javascript">
            $('div').live("swipeleft", function(){
                $.mobile.changePage("#pg02", "slide", false, true);
            });
            $('div').live("swiperight", function(){
                $.mobile.changePage("#pg01", "slide", true, true);
            }); 
    </script>

Answer 1

将您的页面重命名为 pg1 pg2, ..., pg10，前面不带零

<script type="text/javascript">

 window.now=1;

        $('div').live("swipeleft", function(){
            window.now++
            $.mobile.changePage("#pg"+window.now, "slide", false, true);
        });
        $('div').live("swiperight", function(){
            window.now--;
            $.mobile.changePage("#pg"+window.now, "slide", true, true);
        }); 
</script>

您必须添加一些if 来保护第一页和最后一页。您可能还想将 now 变量放在不在 window 对象全局范围内的其他对象中。