1. 頁面初始化事件:pageinit
2. touch事件:使用者觸控螢幕時觸發
tap -使用者敲擊某個元素時觸發
$("p").on("tap", function () );
taphold -使用者敲擊某個元素並保持一秒時觸發(即按住不動)
$("p").on("taphold", function () );
swipe -使用者在某個元素上水平滑動超過30px時觸發
$("p").on("swipe", function () );
swipeleft -使用者在某個元素上從左滑動超過30px時觸發
$("p").on("swipeleft", function () );
swiperight -使用者在某個元素上從右滑動超過30px時觸發
$("p").on("swiperight", function () );
3. 滾動事件:包括滾動開始和滾動結束
scrollstart-使用者開始滾動頁面時觸發
$("document").on("scrollstart", function () );
scrollstop-使用者停止滾動頁面時觸發
$("document").on("scrollstop", function () );
4. 方向更改事件:使用者垂直或水平旋轉移動裝置時觸發
orientationchange
$("window").on("orientationchange", function () );
callback函式可以設定乙個引數-event物件
$("window").on("orientationchange", function (event) );
window.orientation可區分portrait ,landscape
$("window").on("orientationchange", function () else //landscape
});
jQuery Mobile 基礎 第二章)
1 可折疊塊 div data role collapsible h1 點選我 我可以摺疊 h1 p 我是可折疊的內容。p div 備註 1 data role collapsible 屬性。在容器 div 內,新增乙個標題元素 h1 h6 2 預設情況下,內容是被摺疊起來的。如需在頁面載入時展開內...
Jquery Mobile 開發小計
開啟你最喜歡的文字編輯器,把下面的頁面模板 貼上進去,儲存然後用瀏覽器開啟。你現在也是移動開發者了!在head裡,viewport的meta標籤將螢幕的寬度設定為了與裝置的寬度相同,並且從cdn引入了jquery,jquery mobile 和jquer。y mobile的主題樣式表。jquery ...
JQuery Mobile學習筆記
給header或者footer這樣的bar條設定為藍色背景,其中class ui bar b 是jqm自帶的,一共有ui bar a 黑色 ui bar b 藍色 ui bar c 比較淺的灰白 ui bar d 比較深的灰白 ui bar e 黃色 5中自帶的顏色。給需要設定背景的div裡加上相應...