Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
打开jQuery移动可折叠集_Jquery_Jquery Mobile_Jquery Mobile Collapsible - Fatal编程技术网

打开jQuery移动可折叠集

打开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

在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-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
标记似乎不太可能,你是否检查了这里的文档:?在我看来,您将预增强标记与数据角色增强请求混合在一起。