mobile.changePage to nextPage? - PullRequest
       5

mobile.changePage to nextPage?

2 голосов
/ 25 февраля 2011

Как изменить приведенный ниже код, чтобы переходить к следующей странице / «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>

1 Ответ

6 голосов
/ 25 февраля 2011

переименуйте ваши страницы в 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 s для защиты первой и последней страницы.Возможно, вы также захотите поместить переменную now в какой-то другой объект, не входящий в глобальную область видимости объекта window.

...