網頁

2015年12月13日 星期日

[jQuery Mobile] 選單使用方法 (List Menu, Select Menu, Nest Menu)

jQuery Mobile的使用方法與應用請參考下列網址
jQuery Mobile Official Demo
jQuery Mobile Official API Docs
  1. jQuery Mobile元件內容更新
    大部分jQuery Mobile Component內容都是寫死不變的,若需要動態變更該Component的內容,就必須以Java Script更新內容。
    為什麼會用寫死來形容??  原因是,JQM的元件都經過JQM  javascript美化,所以想要再新增東西進去,或是改變內容,就必須按照JQM的『更新』的規矩來重新套用CSS!
     
  2. 選單列 (List View)
    $('Selector').listview('refresh');
     
  3. 下拉式選單 (Select Menu)
    $('Selector').selectmenu('refresh');
     
  4. 巢狀選單(Nest Menu)



    jQuery Mobile的巢狀選單,是利用HTM list來實現,範例如下。
    [Nest Menu Live Demo]

沒有留言:

張貼留言