jQuery Mobile 學習筆記三

2021-06-16 14:29:49 字數 519 閱讀 6535

1.data-position="fixed"並在當前頁面(data-role屬性值為page的元素)上定義data-fullscreen="true",產生的效果為:

無論頁面的內容有多長以及初始狀態下滾動條的位置在哪,固定工具欄都將位於頁面頂部(用於頁頭)或底部(用於頁尾),不過頁面滾動時,工具欄將被隱藏。

2.建立固定工具欄,只需要在每個需要的頁面的固定頁尾上定義乙個data-id標識,任何相同的data-id的頁尾的頁面都保持前乙個頁尾不會更新。

在各個頁面中使用同樣的頁尾**,需要更新被選中的項,如何保持選中的狀態:只需要在選中項上加兩個類:ui-btn-active、ui-state-persist.

3.data-role="collapsible" 可折疊的內容

data-collapsed="true"可折疊的內容預設收起

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

Jquery Mobile 開發小計

開啟你最喜歡的文字編輯器,把下面的頁面模板 貼上進去,儲存然後用瀏覽器開啟。你現在也是移動開發者了!在head裡,viewport的meta標籤將螢幕的寬度設定為了與裝置的寬度相同,並且從cdn引入了jquery,jquery mobile 和jquer。y mobile的主題樣式表。jquery ...

jQuery Mobile 基礎事件

1.頁面初始化事件 pageinit 2.touch事件 使用者觸控螢幕時觸發 tap 使用者敲擊某個元素時觸發 p on tap function taphold 使用者敲擊某個元素並保持一秒時觸發 即按住不動 p on taphold function swipe 使用者在某個元素上水平滑動超過...