jQuery Mobile - 可折叠面板



可折叠面板是用于显示简短内容的基本且简单的部件。下表列出了 jQuery Mobile 中使用的可折叠面板类型。

序号 可折叠面板类型及描述
1 基本可折叠面板

可折叠内容块可以使用data-role = "collapsible"属性添加到容器中创建。

2 主题

要设置可折叠面板的主题,可以使用data-theme属性并添加data-content-theme属性,并指定主题色块字母。

3 展开

它允许您在页面加载时展开可折叠内容,使用data-collapsed属性并将其设置为false

4 迷你尺寸

当您需要可折叠面板的紧凑版本时可以使用它。这可以通过使用data-mini并将其设置为true来实现。

5 图标

可以使用data-collapsed-icondata-expanded-icon属性覆盖可折叠标题的默认图标。

6 图标位置

可以使用data-iconpos属性覆盖可折叠标题的默认图标位置。

7 图例

您可以通过使用fieldsetlegend在可折叠面板中显示表单元素。

8 非内嵌可折叠面板

要移除内嵌外观并以完整宽度显示可折叠面板(无需圆角样式),您可以添加data-inset = "false"属性。

9 一组独立的可折叠面板

您可以应用一系列独立的可折叠面板,并允许您一次打开多行。

10 预渲染标记

为了提高页面加载速度,您可以通过添加data-enhanced属性并将其设置为true来为可折叠面板提供预渲染标记。

jquery_mobile_widgets.htm
广告

© . All rights reserved.