2017-01-20 7 views
0

は、私は折りたたみ可能なセットを持っている:オープンjQueryのモバイルでのjQueryモバイル折りたたみセット

<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'マークアップは、あなたがここにドキュメントをチェックしなかった、とは思えませんか?事前拡張されたマークアップとデータロールの強化リクエストを混在させているようです。 – deblocker

答えて

0

collapse()メソッドを使用できます。

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

これだけです。 [折りたたみセットを](http://demos.jquerymobile.com/1.4.5/collapsibleset/):

CYA

+0

未知のエラー:初期化の前に折り畳み可能なメソッドを呼び出すことはできません。メソッド 'collapse'を呼び出そうとしました –

+0

jQuery Mobileの 'pageinit'イベントの後に配置していますか? – Dobbin

+0

ええ、私は$(document).bind( 'pageinit'、function(){})に入れています。 –

関連する問題