Jquery Mobile 開發小計

2021-06-09 12:12:39 字數 636 閱讀 8579

開啟你最喜歡的文字編輯器,把下面的頁面模板**貼上進去,儲存然後用瀏覽器開啟。你現在也是移動開發者了!

在head裡,viewport的meta標籤將螢幕的寬度設定為了與裝置的寬度相同,並且從cdn引入了jquery, jquery mobile 和jquer。y mobile的主題樣式表。jquery mobile 1.1需要工作於1.6.4或 1.7.1版本的jquery框架之上。

在body之中,用data-role=「page」來標記的乙個div容器,用來定義乙個page,頁面,data-role="header"來標記的div容器用來定義頁面的頭部欄,data-role="content"來標記的div容器用來定義頁面的內容區域,這些用 html5的data- 屬性標記的標籤會通過jquery mobile框架自動將基本的標記增強為部件。

html **:

my page

< /head>

< body>  

hello world

在content容器中,你可以加入你自己的標準的html元素 ,,等,你可以自己寫樣式來建立自定義的布局,但是注意要在jquery mobile的樣式表之後加入自己的樣式。

jquery mobile使用小技巧

jquery本身已是乙個成熟的框架,jq mobile作為它的附屬,繼承了 write less,do more 的傳統。但是作為乙個新興起的專案,毛病也是有不少。我在運用到專案中時,發現了如下問題並積累了下解決方法。1.頁面轉場時,當前頁會先回到頂部,再跳轉到目標頁 這種頁面的錯頓感嚴重影響使用者...

小技巧之jQueryMobile

使用jquerymobile mvc做乙個手機 也有2個月了。有一些小小的經驗,跟大夥們分享一下下 小技巧1 禁用所有ajax載入,它會很煩人的。mobile.ajaxlinksenabled false 小技巧2 使用jqm與jq,有時候會用到比dom就緒還要早的事件 document on pa...

jquery mobile的小TIPS集合1

jquery mobile的確是個好東西,新推出的beata版,更能適應更多的瀏覽器了,下面是 1 顯示和隱藏back這個預設按鈕 document bind mobileinit function 2 修改back button的文字 document bind mobileinit functi...