国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目錄 搜尋
jQuery Mobile 基礎(chǔ)教程 jQuery Mobile 安裝 jQuery Mobile 頁面 jQuery Mobile 頁面切換 jQuery Mobile 按鈕 jQuery Mobile 按鈕圖標(biāo) jQuery Mobile 工具欄 jQuery Mobile 可折疊塊 jQuery Mobile 網(wǎng)格 jQuery Mobile 表單 jQuery Mobile 表單 jQuery Mobile 表單輸入元素 jQuery Mobile 表單選擇菜單 jQuery Mobile 表單滑動條 jQuery Mobile 列表 jQuery Mobile 列表視圖 jQuery Mobile 列表內(nèi)容 jQuery Mobile 事件 jQuery Mobile 事件 jQuery Mobile 觸摸事件 jQuery Mobile 滾屏事件 jQuery Mobile 方向改變事件 jQuery Mobile 實(shí)例 jQuery Mobile Data 屬性 jQuery Mobile 圖標(biāo) jQuery Mobile 事件 jQuery Mobile orientationchange 事件 jQuery Mobile pagebeforecreate 事件 jQuery 事件 方法 jQuery bind() 方法 jQuery blur() 方法 jQuery change() 方法 jQuery click() 方法 jQuery dblclick() 事件 jQuery delegate() 方法 jQuery die() 方法 jQuery error() 方法 jQuery event.currentTarget 屬性 jQuery event.data 屬性 jQuery event.delegateTarget 屬性 jQuery event.isDefaultPrevented() 方法 jQuery event.isImmediatePropagationStopped() 方法 jQuery event.isPropagationStopped() 方法 jQuery event.namespace 屬性 jQuery event.pageX 屬性 jQuery event.pageY 屬性 jQuery event.preventDefault() 方法 jQuery event.relatedTarget 屬性 jQuery event.result 屬性 jQuery event.stopImmediatePropagation() 方法 jQuery event.stopPropagation() 方法 jQuery event.target 屬性 jQuery event.timeStamp 屬性 jQuery event.type 屬性 jQuery event.which 屬性 jQuery focus() 方法 jQuery focusin() 方法 jQuery focusout() 方法 jQuery hover() 方法 jQuery keydown() 方法 jQuery keypress() 方法 jQuery keyup() 方法 jQuery live() 方法 jQuery load() 方法 jQuery mousedown() 方法 jQuery mouseenter() 方法 jQuery mouseleave() 方法 jQuery mousemove() 方法 jQuery mouseout() 方法 jQuery mouseover() 方法 jQuery mouseup() 方法 jQuery off() 方法 jQuery on() 方法 jQuery one() 方法 jQuery $.proxy() 方法 jQuery ready() 方法 jQuery resize() 方法 jQuery scroll() 方法 jQuery select() 方法 jQuery submit() 方法 jQuery toggle() 方法 jQuery trigger() 方法 jQuery triggerHandler() 方法 jQuery unbind() 方法 jQuery undelegate() 方法 jQuery unload() 方法 jQuery Mobile pagebeforehide 事件 jQuery Mobile pagebeforeload 事件 jQuery Mobile pagebeforeshow 事件 jQuery Mobile pagecreate 事件 jQuery Mobile pagehide 事件 jQuery Mobile pageinit 事件 jQuery Mobile pageload 事件 jQuery Mobile pageloadfailed 事件 jQuery Mobile pageshow 事件 jQuery Mobile scrollstart 事件 jQuery Mobile scrollstop 事件 jQuery Mobile swipe 事件 jQuery Mobile swipeleft 事件 jQuery Mobile swiperight 事件 jQuery Mobile tap 事件 jQuery Mobile taphold 事件 jQuery Mobile 頁面事件 jQuery Mobile CSS 類 jQuery Mobile 主題 jQuery Mobile 主題 jQuery Mobile 圖標(biāo)
文字

jQuery Mobile 列表視圖

jQuery Mobile 中的列表視圖是標(biāo)準(zhǔn)的HTML 列表; 有序(<ol>) 和 無序(<ul>).

列表視圖是jQuery Mobile中功能強(qiáng)大的一個特性。它會使標(biāo)準(zhǔn)的無序或有序列表應(yīng)用更廣泛。應(yīng)用方法就是在ul或ol標(biāo)簽中添加data-role="listview"屬性。在每個項目(<li>)中添加鏈接，用戶可以點(diǎn)擊它：

實(shí)例

<ol data-role="listview">
? <li><a href="#">列表項m</a></li>
 </ol>

<ul data-role="listview">
 ? <li><a href="#">列表項</a></li>
</ul>
效果預(yù)覽 ?

列表樣式的圓角和邊緣，使用 data-inset="true" 屬性設(shè)置:

實(shí)例

<ul data-role="listview" data-inset="true">
效果預(yù)覽 ?


默認(rèn)情況下，列表項的鏈接會自動變成一個按鈕 (不需要 data-role="button")。

列表分隔

列表項也可以轉(zhuǎn)化為列表分割項，用來組織列表，使列表項成組。

指定列表分割，給列表項<li>元素添加 data-role="list-divider" 屬性即可：

實(shí)例

<ul data-role="listview">
?<li data-role="list-divider">歐洲</li>
? <li><a href="#">法國</a></li>
? <li><a href="#">德國</a></li>
 </ul>
效果預(yù)覽 ?

如果你有一個字母順序排列的列表，（例如一個電話簿）通過 <ol> 或者<ul> 元素的 data-autodividers="true" 屬性設(shè)置可以配置為自動生成的項目的分隔:

實(shí)例

<ul data-role="listview" data-autodividers="true">
? <li><a href="#">Adele</a></li>
? <li><a href="#">Agnes</a></li>
? <li><a href="#">Billy</a></li>
? <li><a href="#">Calvin</a></li>
? ...
</ul>
效果預(yù)覽 ?


data-autodividers="true" 可以配置為自動生成的項目的分隔。默認(rèn)情況下，創(chuàng)建的分隔文本是列表項文本的第一個大寫字母。

搜索過濾

jquery Mobile提供一個非常簡單的方法，實(shí)現(xiàn)客戶端搜索功能，篩選列表的選項。只需添加 data-filter="true" 屬性即可:

實(shí)例

<ul data-role="listview" data-filter="true"></ul>
效果預(yù)覽 ?

默認(rèn)情況下，搜索輸入框默認(rèn)的字符為 "Filter items..."。

通過設(shè)置mobileinit事件的綁定程序或者給 $.mobile.listview.prototype.options.filterPlaceholder 選項設(shè)置一個字符串，或者給列表設(shè)置 data-filter-placeholder 屬性，可以設(shè)置搜索輸入框的默認(rèn)字符:

實(shí)例

<ul data-role="listview" data-filter="true" data-filter-placeholder="搜索姓名">
效果預(yù)覽 ?

在線實(shí)例

只讀列表
如何創(chuàng)建一個不帶鏈接的列表 (不會是個按鈕且不可點(diǎn)擊)。

上一篇： 下一篇：