2017-01-20 51 views
0

在jQuery Mobile的,我有一個可摺疊的一套:打開一個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> 

我怎麼能打開,例如,第二面板編程?

+0

你'collapsibleset'標記似乎不太可能,你有沒有檢查文檔在這裏:可摺疊套(http://demos.jquerymobile.com/1.4.5/collapsibleset/)?在我看來,您將預增強標記與數據角色增強請求混合在一起。 – deblocker

回答

0

您可以使用collapse()方法。

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

就是這樣。

+0

未捕獲的錯誤:在初始化之前無法調用可摺疊的方法;試圖調用方法'崩潰' –

+0

你把它放在jQuery Mobile'pageinit'事件之後嗎? – Dobbin

+0

是的,我把它放在$(document).bind('pageinit',function(){}); –