📅  最后修改于: 2023-12-03 15:16:43.040000             🧑  作者: Mango
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();