Откройте складной набор jQuery для мобильных устройств

В 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>

Как открыть, например, вторую панель программно?


jquery jquery-mobile jquery-mobile-collapsible
person GTS Joe    schedule 20.01.2017    source источник
comment
ваша разметка collapsibleset кажется маловероятной, вы проверили документы здесь: Складной набор? Мне кажется, вы смешали предварительно расширенную разметку с запросами на расширение роли данных.   -  person deblocker    schedule 21.01.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать метод collapse().

$('PUT_HERE_A_SELECTOR_FOR_YOUR_SECOND_PANEL').collapsible('collapse');

Вот и все.

Циа

person Dobbin    schedule 20.01.2017
comment
Uncaught Error: нельзя вызывать методы складного объекта до инициализации; попытался вызвать метод 'collapse' - person GTS Joe; 20.01.2017
comment
Вы ставите его после события jQuery Mobile pageinit? - person Dobbin; 20.01.2017
comment
Да, я помещаю его в $(document).bind('pageinit', function() {}); - person GTS Joe; 20.01.2017
comment
Попробуйте захватить сам вид, примерно так: $('#YourPageName').bind( 'pageinit',function(event){ // The collapse method here; }); - person Dobbin; 20.01.2017
comment
Если это не сработает, можете ли вы опубликовать скрипт с примером вашего кода? - person Dobbin; 20.01.2017