文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery移动页面结构

问Jquery移动页面结构
EN

Stack Overflow用户

提问于 2013-10-22 21:51:38

回答 1查看 147关注 0票数 0

不久前，我构建了一个jquery移动站点，最近我对它进行了扩展，并注意到了性能问题。我相信这是因为我使用一个多页面设置构建了这个站点，其中一个php文件包含以下页面：

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页面。然后，我在用于“mobile.change”类的page_link()函数的替换中添加了href链接。

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相当陌生，所以任何建议都会有帮助。

php

jquery

jquery-mobile

回答 1

Stack Overflow用户

发布于 2013-10-22 22:01:07

尝尝这个

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

加载时，它将对页面中添加的所有内容应用增强功能。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19529088

复制

相似问题

问Jquery移动页面结构
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery移动页面结构EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery移动页面结构
EN