亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

directory search
jQuery Mobile 基礎(chǔ)教程 jQuery Mobile 安裝 jQuery Mobile 頁(yè)面 jQuery Mobile 頁(yè)面切換 jQuery Mobile 按鈕 jQuery Mobile 按鈕圖標(biāo) jQuery Mobile 工具欄 jQuery Mobile 可折疊塊 jQuery Mobile 網(wǎng)格 jQuery Mobile 表單 jQuery Mobile 表單 jQuery Mobile 表單輸入元素 jQuery Mobile 表單選擇菜單 jQuery Mobile 表單滑動(dòng)條 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 頁(yè)面事件 jQuery Mobile CSS 類 jQuery Mobile 主題 jQuery Mobile 主題 jQuery Mobile 圖標(biāo)
characters

jQuery Mobile 可折疊塊



可折疊內(nèi)容塊

可折疊塊允許您隱藏或顯示內(nèi)容 - 對(duì)于存儲(chǔ)部分信息很有用。

如需創(chuàng)建一個(gè)可折疊的內(nèi)容塊,需要為容器添加 data-role="collapsible" 屬性。在容器(div)內(nèi),添加一個(gè)標(biāo)題元素(H1-H6),后跟您想要進(jìn)行擴(kuò)展的 HTML 標(biāo)記:

實(shí)例

<div data-role="collapsible">
<h1>點(diǎn)擊我 - 我可以折疊!</h1>
<p>我是可折疊的內(nèi)容。</p>
</div>
效果預(yù)覽 ?

默認(rèn)情況下,內(nèi)容是被折疊起來(lái)的。如需在頁(yè)面加載時(shí)展開(kāi)內(nèi)容,請(qǐng)使用 data-collapsed="false":

實(shí)例

<div data-role="collapsible" data-collapsed="false">
<h1>點(diǎn)擊我 - 我可以折疊!</h1>
<p>I'm 現(xiàn)在我默認(rèn)是展開(kāi)的。</p>
</div>
效果預(yù)覽 ?

嵌套可折疊塊

可折疊的內(nèi)容塊是可以彼此嵌套的:

實(shí)例

<div data-role="collapsible">
<h1>點(diǎn)擊我 - 我可以折疊!</h1>
<p>我是被展開(kāi)的內(nèi)容。</p>
<div data-role="collapsible">
<h1>點(diǎn)擊我 - 我是嵌套的可折疊塊!</h1>
<p>我是嵌套的可折疊塊中被展開(kāi)的內(nèi)容。</p>
</div>
</div>
效果預(yù)覽 ?

可折疊的內(nèi)容塊可以根據(jù)您的需要進(jìn)行多次嵌套。

可折疊集合

可折疊集合是將可折疊塊組合在一起(就像手風(fēng)琴一樣)。當(dāng)一個(gè)新的塊被展開(kāi)時(shí),所有其他的塊都會(huì)被折疊起來(lái)。

創(chuàng)建若干個(gè)可折疊的內(nèi)容塊,然后把可折疊內(nèi)容塊用帶有 data-role="collapsible-set" 的新容器包圍起來(lái):

實(shí)例

<div data-role="collapsible-set">
<div data-role="collapsible">
<h1>點(diǎn)擊我 - 我可以折疊!</h1>
<p>我是被展開(kāi)的內(nèi)容。</p>
</div>
<div data-role="collapsible">
<h1>點(diǎn)擊我 - 我可以折疊!</h1>
<p>我是被展開(kāi)的內(nèi)容。</p>
</div>
</div>
效果預(yù)覽 ?

在線實(shí)例

通過(guò) data-inset 屬性取消圓角
如何取消可折疊塊上的圓角。

通過(guò) data-mini 屬性迷你化可折疊塊
如何讓可折疊塊更小。

通過(guò) data-collapsed-icon 和 data-expanded-icon 改變圖標(biāo)
如何改變可折疊塊的圖標(biāo)(默認(rèn)是 + 和 -)。

Previous article: Next article: