JQuery Mobile入門——預先載入頁面

來源:互聯網
上載者:User

1、在開發行動裝置 App時,對需要連結的頁面進行預先載入是十分有必要的。因為當一個連結版面設定成為預先載入方式時,在當前頁面載入完成之後,目標頁面也被自動載入到當前文檔中,使用者單擊就可以馬上開啟,大大加快了頁面訪問的速度。 2、設定連結頁面預先載入,在<a>標籤中添加data-prefetch屬性,並將屬性值設為true。在JQuery Mobile中要實現頁面的預先載入,另外一種方法是調用JavaScript代碼中的全域性方法$.mobile.loadPage(),其效果跟data-prefetch一樣。 3、範例程式碼: <!DOCTYPE HTML ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE> New Document </TITLE>  <meta name="viewport" content="width=device-width,initial-scale=1"/>  <link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>  <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script>  <script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> </HEAD> <BODY>  <div data-role="page">    <div data-role="header"><h1>預先載入頁</h1></div><div data-role="content"> <p><a href="about.html"rel="external" data-prefetch="ture">點擊進入</a></p></div><div data-role="footer"><h1>@2013 3i studio</h1></div>  </div> </BODY></HTML>     4、預覽:         5、通過預先載入方式,目標頁面已注入當前頁面:  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.