1. 程式人生 > >Html5+jQuery Mobile開發手機端網站感想與總結-(初)

Html5+jQuery Mobile開發手機端網站感想與總結-(初)

看jQuery Mobile相關方面的東西,看了幾天,發現,其實除了裡邊預設的圖示、主題、以及點選後跳轉的效果之外,其他的東西,和普通的html頁面一樣。

jQuery Mobile注意事項:

1、新的頁面開始,標註:data-role=“page”

2、頁面中的角色:data-role=“header”,其中的header、footer、navbar等,對應的css中,均為:ui-header、ui-footer、ui-navbar等。

3、頁面中的圖示,若想要自定義圖示,則需要定義一個其他的data-icon的值,例如:頁面中就可以這樣寫 data-icon="send-msg",css檔案中,需要我們定義:ui-icon-send-msg{ background:url(../images/msg16.png);}

     相當於ui-icon-加上你指定的data-icon就是對應css中的class值。

4、頁面連結同html一樣。

5、其他的樣式修改,就很繁瑣了,需要多次檢查,因為一個地方的樣式修改可能會牽扯很多地方的變動。