打开jQuery移动可折叠集
在jQuery Mobile中,我有一个可折叠的集合:打开jQuery移动可折叠集,jquery,jquery-mobile,jquery-mobile-collapsible,Jquery,Jquery Mobile,Jquery Mobile Collapsible,在jQuery Mobile中,我有一个可折叠的集合: <div data-role="collapsible-set" class="ui-collapsible-set ui-group-theme-inherit ui-corner-all"> <div data-role="collapsible" data-theme="a" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collaps
<div data-role="collapsible-set" class="ui-collapsible-set ui-group-theme-inherit ui-corner-all">
<div data-role="collapsible" data-theme="a" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-themed-content ui-collapsible-collapsed ui-first-child">
<h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed"><a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-left ui-btn-a">Tab 1</a></h3>
<div class="ui-collapsible-content ui-body-inherit ui-collapsible-content-collapsed" aria-hidden="true">
<p>Content 1</p>
</div>
</div>
<div data-role="collapsible" data-theme="a" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-themed-content ui-collapsible-collapsed ui-first-child">
<h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed"><a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-left ui-btn-a">Tab 2</a></h3>
<div class="ui-collapsible-content ui-body-inherit ui-collapsible-content-collapsed" aria-hidden="true">
<p>Content 2</p>
</div>
</div>
<div data-role="collapsible" data-theme="a" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-themed-content ui-collapsible-collapsed ui-first-child">
<h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed"><a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-left ui-btn-a">Tab 3</a></h3>
<div class="ui-collapsible-content ui-body-inherit ui-collapsible-content-collapsed" aria-hidden="true">
<p>Content 3</p>
</div>
</div>
</div>
内容1
内容2
内容3
例如,如何以编程方式打开第二个面板?您可以使用
collapse()
方法
$('PUT_HERE_A_SELECTOR_FOR_YOUR_SECOND_PANEL').collapsible('collapse');
就这样
Cya未捕获错误:在初始化之前无法调用可折叠的方法;试图调用方法“collapse”,您是否将其放在jQuery Mobile
pageinit
事件之后?是的,我将其放在$(document.bind('pageinit',function(){})中;尝试捕获视图本身,如下所示:$('#YourPageName').bind('pageinit',function(event){//collapse方法;})代码>如果这不起作用,你可以发布一个你的代码示例吗?你的collapsableset
标记似乎不太可能,你是否检查了这里的文档:?在我看来,您将预增强标记与数据角色增强请求混合在一起。