Jquery移動頁面結構

我建立了一個jQuery的移動網站，而我最近一直在擴大它，並注意到性能問題。我相信這是因爲我使用多頁設置在一個單一的PHP文件房子下面的頁面構建的網站：Jquery移動頁面結構

ALL_PAGES.PHP

<html> 
    <head> 
    /* external css and js files */ 
    </head> 
    <body> 

    <div date-role="page" id="main"> 
      <div class="page_link"> 
       page 1 
      </div> 

      <div class="page_link"> 
       page 2 
      </div> 

      <div class="page_link"> 
       page 3 
      </div> 

    </div> 


    <div date-role="page" id="page 1"> 
      <div class="page_link"> 
       main 
      </div>  

      <div class="page_link"> 
       page 2 
      </div> 

      <div class="page_link"> 
       page 3 
      </div> 

    </div> 

    <div date-role="page" id="page 2"> 

      <div class="page_link"> 
       main 
      </div>  

      <div class="page_link"> 
       page 1 
      </div> 


      <div class="page_link"> 
       page 3 
      </div> 

    </div> 

    <div date-role="page" id="page 3"> 

      <div class="page_link"> 
       main 
      </div> 

      <div class="page_link"> 
       page 1 
      </div> 

      <div class="page_link"> 
       page 2 
      </div> 


    </div> 

    </body> 

    </html>

我想從這個多割捨在一個php文件中設置頁面，並移動到每個頁面都是單獨的php文件的設置。爲了實現這個目標，我從每個頁面中取得了html，並將它移到了它自己的php頁面中。然後我添加了href鏈接來替代我用於「page_link」類的mobile.change（）函數。

MAIN.PHP

<html> 
    <head> 
    external css and js files 
    </head> 
    <body> 
     <div date-role="page" id="page 1"> 
       <a href="/main.php"> 
        main 
       </a>   

       <a href="/page_2.php"> 
        page 2 
       </a> 

       <a href="/page_3.php"> 
        page 3 
       </a> 

     </div> 


     </body> 

    </html>

PAGE_1.PHP

 <div date-role="page" id="page 1"> 
       <a href="/main.php"> 
        main 
       </a>   

       <a href="/page_2.php"> 
        page 2 
       </a> 

       <a href="/page_3.php"> 
        page 3 
       </a> 

     </div>

PAGE_2.PHP

 <div date-role="page" id="page 2"> 
       <a href="/main.php"> 
        main 
       </a>    

       <a href="/page_1.php"> 
        page 1 
       </a> 

       <a href="/page_3.php"> 
        page 3 
       </a> 

     </div>

PAGE_3.PHP

 <div date-role="page" id="page 3"> 
       <a href="/main.php"> 
        main 
       </a>    

       <a href="/page_1.php"> 
        page 1 
       </a> 

       <a href="/page_2.php"> 
        page 2 
       </a> 

     </div>

該網站的作品當用戶點擊瀏覽器刷新按鈕，除了罰款。發生這種情況時，每個頁面都將失去對主頁面上任何外部CSS和js文件的訪問權限。我對JQM相當陌生，所以任何建議都會有所幫助。

來源

2013-10-22 Die 20

當用戶在主頁以外的頁面上刷新刷新時？如果是這樣，以防萬一，在頭部添加JS和CSS鏈接。但是，刷新時應該轉到主頁面或首次訪問的鏈接。你使用的是什麼版本的jquery和JQM？ – Omar

試試這個

$("#whicheverPage").trigger("pagecreate");

加載時，會增強申請爲頁面中的所有添加的內容。

來源

2013-10-22 22:01:07

我在哪裏添加這個？ –

在您需要標記的頁面上的文檔準備好處理程序中。 –

'.ready（）'不推薦在JQM中使用。另外，如果頁面沒有增強，JQM將增強加載頁面，這意味着JQM未加載。 – Omar

Jquery移動頁面結構

回答

相關問題