本人是軟體開發的初學者,總結了一點點日常所學,記錄在此,主要目的是鼓勵自己堅持學習,怕有一天忘記了,還能複習曾經學過的知識點。 如有大神路過為我指點迷津,糾正改錯更是感激不盡,但請不要噴我這個菜鳥!謝謝 jQuery Mobile的基本使用方法和簡單的知識點 安裝: <link rel="style ...
本人是軟體開發的初學者,總結了一點點日常所學,記錄在此,主要目的是鼓勵自己堅持學習,怕有一天忘記了,還能複習曾經學過的知識點。
如有大神路過為我指點迷津,糾正改錯更是感激不盡,但請不要噴我這個菜鳥!謝謝
jQuery Mobile的基本使用方法和簡單的知識點
安裝: <link rel="stylesheet" href="下載到本地的文件目錄.min.css" media="screen" title="no title">這個是jQuery Mobile庫,下載網址:jquerymobile.com
<script src="./js/jquery-1.12.4.min.js"></script>這個是jQuery的庫,下載網址:jquery.com/download
<script src="./js/jquery.mobile-1.4.5.min.js"></script>這個是jQuery Mobile庫,下載網址:jquerymobile.com
Demo:需要引入meta, 為了使我們的網站適應移動設備屏幕尺寸. 並設置不要讓頁面縮放, 讓他以1:1的比例.
<meta name="viewport" content="width=device-width,initial-scale=1">
在body標簽內寫:
<div data-role='page'>
<div data-role="header">……</div>
<div role="main">……</div>
<div data-role="footer">……</div>
</div>
顯示頂部和底部:在頂部和底部分別加入下麵的屬性, 就可以讓跟著頁面跑的頂部和底部固定下來.
data-position="fixed"