mobile.changePage到nextPage？

Question

How do I change the code below to swipe to the next page/ the 'to: url' w/o having to write the script for every page change?

    <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

rename your pages to pg1 pg2, ..., pg10 without the zeros in front

<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>

you will have to add some if s to guard first and last page. You might also want to put the now variable in some other object not in the global scope of window object.