1. 程式人生 > >這兩天使用jquery-mobile寫手機頁面遇到的append樣式不生效,以及listview內容顯示不完解決方法

這兩天使用jquery-mobile寫手機頁面遇到的append樣式不生效,以及listview內容顯示不完解決方法

昨天才接觸jquery-mobile,想寫一個手機適應頁面,由於基礎不好,各種問題困擾,做到晚上還沒有完成,現在把遇到的一些問題記錄下來以免後面還會遇到,都是一些基礎的問題,

      使用jquery 的append 新增元素時所新增的元素樣式沒有效果,經網上查詢,解釋是樣式沒有同步重新整理所置,於是按照說法加入了

$("#listview").append(li);


        $("#listview").listview("refresh"); 
        $("#listview").trigger("create"); 

但還是不起作用,我用的是迴圈插入,就是each append之後再refresh,但就是這裡讓我花了不少時間,思來想去,還是找不到方法,直到今天早上,才意識 到應該把這三個方法置於迴圈之內,就是第插入一個元素就重新整理樣式,這樣問題解決,

       另外還有一個就是listview內容顯示不完的問題,如網上資料所說的,我這裡也作一下記錄,就是在所在元素的css樣式里加一個white-space:pre-wrap;