日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

jquerymobile教程

jQuery Mobile 可折疊塊

閱讀 (2248)

jQuery Mobile 可折疊塊


可折疊內容塊

可折疊塊允許您隱藏或顯示內容 - 對于存儲部分信息很有用。

如需創建一個可折疊的內容塊,需要為容器添加 data-role="collapsible" 屬性。在容器(div)內,添加一個標題元素(H1-H6),后跟您想要進行擴展的 HTML 標記:

實例

<div data-role="collapsible">
<h1>點擊我 - 我可以折疊!</h1>
<p>我是可折疊的內容。</p>
</div>

嘗試一下 ?

默認情況下,內容是被折疊起來的。如需在頁面加載時展開內容,請使用 data-collapsed="false":

實例

<div data-role="collapsible" data-collapsed="false">
<h1>點擊我 - 我可以折疊!</h1>
<p>I'm 現在我默認是展開的。</p>
</div>

嘗試一下 ?


嵌套可折疊塊

可折疊的內容塊是可以彼此嵌套的:

實例

<div data-role="collapsible">
<h1>點擊我 - 我可以折疊!</h1>
<p>我是被展開的內容。</p>
<div data-role="collapsible">
<h1>點擊我 - 我是嵌套的可折疊塊!</h1>
<p>我是嵌套的可折疊塊中被展開的內容。</p>
</div>
</div>

嘗試一下 ?

lamp 可折疊的內容塊可以根據您的需要進行多次嵌套。


可折疊集合

可折疊集合是將可折疊塊組合在一起(就像手風琴一樣)。當一個新的塊被展開時,所有其他的塊都會被折疊起來。

創建若干個可折疊的內容塊,然后把可折疊內容塊用帶有 data-role="collapsible-set" 的新容器包圍起來:

實例

<div data-role="collapsible-set">
<div data-role="collapsible">
<h1>點擊我 - 我可以折疊!</h1>
<p>我是被展開的內容。</p>
</div>
<div data-role="collapsible">
<h1>點擊我 - 我可以折疊!</h1>
<p>我是被展開的內容。</p>
</div>
</div>

嘗試一下 ?


實例

更多實例

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

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

通過 data-collapsed-icon 和 data-expanded-icon 改變圖標
如何改變可折疊塊的圖標(默認是 + 和 -)。

關閉
程序員人生
主站蜘蛛池模板: 国产日韩欧美在线影视 | 国产精品一区二区免费 | 国产一级黄色片视频 | 美女又黄又免费 | 亚洲精品免费观看 | 成人片免费看 | 国产在线高潮 | 一区二区国产精品 | 亚洲视频高清 | 国产免费区一区二区三视频免费 | 天堂中文资源在线 | 日韩成人黄色片 | 久久久久91 | 在线免费av网站 | 婷婷激情四射 | 亚洲欧美一区二区三区国产精品 | 日韩一级免费观看 | 香蕉一区 | 国产精品视频久久久 | 蜜臀网 | 国产黄色av电影 | 久久精品小视频 | 国产精品不卡一区 | av网站在线免费观看 | 不卡在线视频 | 国产成人精品一区二区三区在线 | 国产成人免费网站 | 亚洲精彩视频在线 | www.激情| 国内自拍青青草 | 日韩欧美中文 | 欧美夜夜| 久久精品a| 精品av| 女国产精品视频一区二区三区 | 国产视频1区 | 91精品国产色综合久久不卡蜜臀 | 一区二区三区在线播放 | 成人免费视频观看视频 | 在线一区二区三区 | 成人黄色大全 |