日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

在本文中，將介紹使用jQuery Mobile開發(fā)的一些常用的技巧，閱讀對象為已經使用過jQuery Mobile進行開發(fā)的移動Web開發(fā)者。

1、禁止截斷過長的列表和按鈕內容

在jQuery mobile中，如果列表或者按鈕中文字的內容過長，jQuery Mobile會自動截斷其超過長度的內容，但如果不希望這樣的話，可以在CSS樣式中增加如下設置即可，比如下面的是針對按鈕的CSS樣式設置：

 
 
 

  
  
  
　　.ui-btn-text { 
  
  
  
white-space: normal; 
  
  
  
}
 
 
 

下面的是針對列表的CSS樣式設置

 
 
 

  
  
  
 .ui-li-desc { 
  
  
  
white-space: normal; 
  
  
  
} 
 
 
 

如果要恢復對文字的截斷,則繼續(xù)設置CSS為white-space: nowrap;

2、實現(xiàn)頁面加載時的隨機頁面背景過渡效果

jQuery Mobile中,當需要實現(xiàn)頁面加載時,可以有很多的頁面加載事件可供使用。比如下面的CSS和JavaScript代碼，可以實現(xiàn)頁面加載時的隨機頁面背景過渡效果。

CSS代碼：

 
 
 

  
  
  
 my-page  { background: transparent url(../images/bg.jpg) 0 0 no-repeat; } 
  
  
  
  
  
  
  
.my-page.bg1 { background: transparent url(../images/bg-1.jpg) 0 0 no-repeat; } 
  
  
  
  
  
  
  
.my-page.bg2 { background: transparent url(../images/bg-2.jpg) 0 0 no-repeat; } 
  
  
  
  
  
  
  
.my-page.bg3 { background: transparent url(../images/bg-3.jpg) 0 0 no-repeat; } 
 
 
 

　Javascript代碼：

 
 
 

  
  
  
　　$('.my-page').live("pagecreate", function() { 
  
  
  
　　　　　var randombg = Math.floor(Math.random()*4); //獲得0到3之間的隨機數(shù) 
  
  
  
　　　　　    $('.my-page').removeClass().addClass('bg' + randombg); 
  
  
  
}); 
 
 
 

3、禁用button

在有的情況下，可能會需要禁止按鈕的加載事件，這個時候可以繼續(xù)通過如下的設置實現(xiàn)：

 
 
 

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

如果要恢復可用，則設置為：

 
 
 

  
  
  
　　　$('#home-button').button("enable"); 
 
 
 

4、去掉頁面加載時的提示信息

如果在加載頁面時，不需要顯示頁面加載信息時，可以通過設置一個屬性來取消顯示加載提示信息，如下：　

 
 
 

  
  
  
　$.mobile.pageLoading(true);
 
 
 

如果要繼續(xù)保持顯示頁面加載信息，則為：

 
 
 

  
  
  
　$.mobile.pageLoading();
 
 
 

5、創(chuàng)建自定義主題

jQuery Mobile本身提供了A-E五種不同的主題，但可以自定義主題，步驟如下：

1. 從jQuery Mobile的任意一個定義主題的CSS文件中，復制其內容到自己定義的CSS文件中。
2. 給要自定義的CSS主題一個恰當?shù)拿Q并且重新命名CSS文件，注意命名必須是(a-z)英文字母，比如你是從jQuery Mobile的主題c的樣式文件中復制的，則可以將主題命名為Z,則復制過來的內容中，比如要將.ui-btn-up-c改為.ui-btn-up-z,.ui-body-c改為.ui-body-z，如此類推。
3. 改變新建立的自定義主題的顏色和CSS文件。
4. 最后，需要在頁面中，應用新定義的主題樣式，如下：