Archive


Category: 來玩JQM

  • [JQM] JQM使用設計前的版面定義

    因為JQM主要是設計為行動裝置,而目前行動裝置的廠商太多,手機規格也每每不同,所以為了能儘量讓大多數裝置使用,我們會先定義版面大小. 做法如下 <html> <head> <meta name=”viewport” content=”width=device-width, initial-scale=1″> </head> <body> </body> </html> 如字義上寬度就是設備的寬度,初始的規模就是1,沒放大也沒縮小.

  • [JQM] 安裝使用JQuery Mobile

    其實說安裝也不是安裝,因為JQM是混合HTML,CSS,JavaScript,JQuery眾家的濃縮,由JQuery提出的一個設計環境. 所以我們要使用JQM前最基本要載入一個CSS檔及一個JQuery lib及一個JQM的lib,共三個檔案. 要怎麼載入呢??要官網http://jquerymobile.com/download/它就有教了,基本如下 <html> <head> <link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” /> <script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script> <script src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script> </head> <body> </body> </html> 在<head></head>中加入三行就完成了,不過上面所教的方法是使用CDN的方式,也就是這三個檔是放在別人網站上,要用的時候才去別人家抓,這樣也不踏實,所以建議將這三個檔案下載下來放在你自己的伺服器上,再多加三行你自己的伺服器檔案的路徑,這樣會比較保險.

  • [JQM] JQM是什麼意思??

    JQM是 JQuery Mobile的縮寫,它是以HTML5為基礎,用來做為設計回應式(響應式)網站網頁或是應用程式(APP),名稱中有Mobile,顧名思意是大多應用在行動裝置,像是智慧型手機,平板電腦等. 官網網址 https://jquerymobile.com/