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移动页面结构

回答

相关问题