JQuery Mobile學習筆記

2021-07-05 18:52:06 字數 357 閱讀 9521

給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裡加上相應的class="ui-bar-b"即可。

如果想自定義顏色,可以在頁面上自己寫乙個例如:

.ui-bar-x ;

然後再class裡設定class="ui-bar-x" 即可。

如果給除了bar條以外的頁面主背景設定顏色可以如下設定

.ui-page

通過.ui-page來定義樣式即可。

jQuery Mobile 學習筆記三

1.data position fixed 並在當前頁面 data role屬性值為page的元素 上定義data fullscreen true 產生的效果為 無論頁面的內容有多長以及初始狀態下滾動條的位置在哪,固定工具欄都將位於頁面頂部 用於頁頭 或底部 用於頁尾 不過頁面滾動時,工具欄將被隱藏...

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 使用者在某個元素上水平滑動超過...