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

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 (класс на первой странице вниз & swipeup) работает, потому что срабатывает в моей index.php или при первой загрузке моей страницы, но 3-го кода (класс sns-down & featured-up) не будет, мне придется вручную обновить страницу, чтобы она работала. Теперь почему это так реагирует?

Пожалуйста, помогите всем.

Answer 1

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