jQuery Mobile 可折叠 disable() 方法

简介

jQuery Mobile 是一款基于 jQuery 的移动端 UI 框架，其中的可折叠组件能够让页面上的内容以可视化的方式折叠起来，从而减少页面的占用空间。disable() 方法是该组件中用来禁用可折叠功能或恢复可折叠功能的方法。

语法

$( "#myCollapsible" ).collapsible( "disable" );

参数

该方法不接受任何参数。

返回值

该方法没有返回值。

描述

调用该方法会将指定的可折叠组件禁用，也就是取消其可折叠的功能。禁用后，该组件就无法通过展开或折叠来显隐内容，也无法通过点击标题栏来触发相应的事件。

如果需要恢复组件的可折叠功能，可以调用 collapsible() 方法，该方法不接受任何参数，只需将其作用于已被禁用的可折叠组件上即可。

示例

<!--HTML-->
<div data-role="collapsible" id="myCollapsible">
  <h3>可折叠标题</h3>
  <p>可折叠内容</p>
</div>

//JavaScript
$( "#myCollapsible" ).collapsible( "disable" );

在该示例中，#myCollapsible 元素即为指定的可折叠组件，调用 disable() 方法就会将该组件禁用。如果此时想要恢复组件的可折叠功能，只需调用 collapsible() 方法即可。

//JavaScript
$( "#myCollapsible" ).collapsible();

注意事项

• 调用该方法不会删除可折叠组件，只是暂时禁用了其可折叠的功能。
• 如果在调用禁用或恢复方法时，指定的元素不存在或没有被初始化成可折叠组件，那么该方法将无法起作用。