禁止截斷過長的列表和按鈕內(nèi)容
在使用jQuery Mobile開發(fā)移動應(yīng)用時，如果列表或按鈕中的文字內(nèi)容過長，jQuery Mobile會自動截斷超過長度的內(nèi)容。但是有些情況下我們不希望出現(xiàn)這種截斷效果。可以通過在CSS樣式中添加
在使用jQuery Mobile開發(fā)移動應(yīng)用時，如果列表或按鈕中的文字內(nèi)容過長，jQuery Mobile會自動截斷超過長度的內(nèi)容。但是有些情況下我們不希望出現(xiàn)這種截斷效果。可以通過在CSS樣式中添加以下設(shè)置來實現(xiàn)禁止截斷的效果：
```css
.ui-btn-text {
white-space: normal;
}
.ui-li-desc {
white-space: normal;
}
```
如果想要恢復(fù)文字的截斷效果，只需將CSS設(shè)置為`white-space: nowrap;`。
實現(xiàn)頁面加載時的隨機頁面背景過渡效果
在jQuery Mobile中，可以通過CSS和JavaScript代碼實現(xiàn)頁面加載時的隨機頁面背景過渡效果。以下是示例代碼：
```css
.my-page {
background: transparent url() 0 0 no-repeat;
}
{
background: transparent url() 0 0 no-repeat;
}
{
background: transparent url() 0 0 no-repeat;
}
{
background: transparent url() 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);
});
```
禁用button
有時候需要禁止按鈕的加載事件，可以使用以下設(shè)置實現(xiàn)：
```javascript
$('home-button').button("disable");
```
如果要恢復(fù)按鈕的可用狀態(tài)，則設(shè)置為：
```javascript
$('home-button').button("enable");
```
去掉頁面加載時的提示信息
如果在頁面加載時不需要顯示加載提示信息，可以通過設(shè)置一個屬性來取消顯示加載提示信息，如下：
```javascript
$(true);
```
如果要繼續(xù)顯示頁面加載信息，則為：
```javascript
$();
```
創(chuàng)建自定義主題
除了jQuery Mobile本身提供的五種不同主題外，還可以自定義主題。具體步驟如下：
1. 從任意一個定義主題的CSS文件中復(fù)制內(nèi)容到自己定義的CSS文件中。
2. 給自定義的CSS主題一個合適的名稱并重新命名CSS文件，注意命名必須是英文字母。
3. 修改新建的自定義主題的顏色和CSS文件。
4. 最后，在頁面中應(yīng)用新定義的主題樣式，例如：
```html
```
使用自定義字體
在移動Web應(yīng)用中，有時需要更換字體?？梢酝ㄟ^使用@font-face方法實現(xiàn)，并且性能良好。
創(chuàng)建一個沒有文本只有圖片的按鈕
有時候想要使用一個沒有文本內(nèi)容但仍具有按鈕特性的按鈕?？梢栽诎粹o上隱藏文本，設(shè)置`data-iconpos"notext"`。例如：
```html
```
打開一個無需使用Ajax頁面過渡的超鏈接
如果不需要使用Ajax打開一個頁面的鏈接，可以設(shè)置鏈接的rel屬性為`external`。例如：
```html
```
移除項目列表中的箭頭
默認情況下，jQuery Mobile框架會為每個列表項添加一個箭頭。如果想要禁用箭頭顯示，需要在列表項中設(shè)置`data-icon"false"`。例如：
```html
```
設(shè)置頁面的背景顏色
在不修改jQuery Mobile樣式的情況下，設(shè)置頁面背景顏色有點棘手。通常需要在`body`元素中設(shè)置背景顏色，但是在jQuery Mobile框架中，需要設(shè)置在`ui-page`類中。例如：
```css
.ui-page {
background: eee;
}
```