collapsible data-collapsed Jquery-mobile动态设置

本文介绍了如何使用JavaScript实现查询功能,并将其与Collapsible Set组件结合使用,通过触发事件来展开或折叠内容区域,提供了高效的数据展示方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

程序片段

function searchData() {
  ..
 ..
 success : function(data) {
  $('#collapsible-select').trigger('expand');}
..
..
.
</script>
<div data-role="collapsible-set" data-theme="b" data-content-theme="d">
		 			<div data-role="collapsible" data-collapsed="false">
....
..
..
<a class="search_btn"  data-role="button"
						data-icon="search" data-iconpos="left" οnclick="searchData();">查询</a>
					</div>  	  	
					<div data-role="collapsible" id="collapsible-select">
....
...
..
.
$('#collapsible-select').trigger('expand');
$('#collapsible-select').trigger('collapse');  该方法的二个属性 

如图:点击查询前后

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值