jQuery Mobile 基礎事件

2021-06-21 00:35:23 字數 1077 閱讀 2852

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裡加上相應...