私のイベントは次のページで起動しません

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や私のページの最初のロードが、第三のコード（クラスに発射しているため動作しますsns-down &フィーチャーアップ）はそうではありません。最初にページを手動でリフレッシュして機能させる必要があります。今はなぜそれに反応しているのですか？

誰かを助けてください。

Answer 1

各ページには、互いに完全に独立しているため。 index.phpに登録されたイベントは他のページに影響しません。したがって、2ページ目に再度登録する必要があります。