на следующей странице мое событие не сработает

Question

Я использую jQuery Mobile. И, честно говоря, моя голова кружится прямо сейчас.

У меня есть этот код:

            //this event happens in my index.php/page1
            //this works
            $(document).delegate('.front-page-down','swipedown', function (event) {
                $.mobile.changePage('#notification', { transition: "slidedown"});
            });

            $(document).delegate('.swipeup','swipeup', function (event) {
                $.mobile.changePage('#front-page', { transition: "slideup"});
            });
            //this event happens in my next page/page2
            //doesn't work, I have to manually refresh the page first
            $(document).delegate('.sns-down','swipedown', function (event) {
                $.mobile.changePage('#featured', { transition: "slidedown"});
            });

            $(document).delegate('.featured-up','swipeup', function (event) {
                $.mobile.changePage('#sns-page', { transition: "slideup"});
            });

Первые 2 (класс front-page-down & swipeup) работают, потому что они запускаются в моем index.php или при первой загрузке моей страницы, но третий код (класс sns-down & featured-up) не будет сначала придется вручную обновить страницу, чтобы она заработала. Теперь, почему это так реагирует?

Пожалуйста, помогите кому-нибудь.

Answer 1

Потому что каждая страница полностью независима друг от друга. События, зарегистрированные на index.php, не влияют ни на одну другую страницу. Поэтому вам нужно снова зарегистрировать их на второй странице.