Jquery Mobile --小知識

1、更改ul後要使用listview('refresh')重新整理視圖;

 $('ul').append('<li>row</li>').listview('refresh');

2、選取header,并綁定輕按兩下事件

 $("[data-role='header']").bind('dblclick',function(e){});

3、定時變換背景,長按為taphold

 $('#txt').tap(function(){

 var elem = this;

 $(elem).css('background','yellow');

 setTimeout(function(){$(elem).css('background','transparent');},2000);

 });

4、取消Ajax連結

 頁面預設為Ajax連結，要把它禁用，有三種方法

 A、<a href="second.html" data-ajax="false">Second</a>

 B、rel="external"

 C、$.mobile.ajaxEnabled=false;

5、圖示data-icon類型

 home | delete | plus | arrow-u | arrow-d |  arrow-r | arrow-l|check | gear | grid | star | custom  | minus | refresh | forward | back | alert | info | search

6、Button大小

 預設為螢幕同寬，若要變小使用data-inline="true"

7、隻有圖示的按鈕

 添加data-iconpos="notext"

8、使buttom在header右方

class="ui-btn-right"

9、設定<li class="span">有驚喜，轉個不停。

10、固定頁面:document.addEvenListener('touchmove',function(e){e.preventDefault();},false);

11、phoneGap中報錯ERROR whitelist rejection: url

在PhoneGap.plist裡，ExternalHosts加個域名，注意不要協定頭，不要路勁和檔案名，隻要域名（如www.baidu.com)。

12、取消字段截斷

button中

.ui-btn-text{

white-space:normal;}

list中

.ui-li-desc{

13、禁用button

$('#home-button').button('disable');

14、去除list中的箭頭

<li data-icon="false"><a>row</a></li>