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