2017-01-20 7 views
0

В JQuery Mobile, у меня есть складной набор:Открыть JQuery Mobile Складная Set

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

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

+0

ваш 'collapsibleset' разметки кажется маловероятным, вы проверили документы здесь: [Складная комплект] (http://demos.jquerymobile.com/1.4.5/collapsibleset/)? Мне кажется, вы смешивали предварительно расширенную разметку с запросами на повышение роли данных. – deblocker

ответ

0

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

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

И все.

Cya

+0

Uncaught Error: не может вызывать методы для сворачивания до инициализации; попытался вызвать метод «collapse» –

+0

Вы помещаете его после события jQuery Mobile 'pageinit'? – Dobbin

+0

Да, я помещаю его в $ (document) .bind ('pageinit', function() {}); –