collapsible

久しぶりにjQuery Mobileをさわってみて、Collapsible(アコーディオン式のリスト)の制御で色々と試行錯誤したので、備忘録です。

イベントにコールバック関数をバインド

jQuery MobileのCollapsibleには、コールバック関数が使用できる3つのイベントが用意されています。
これによって、Collapsibleが作成された(準備ができた)時と、Collapsibleを開いた時、閉じた時に処理を実行する事ができます。

使用例として、このイベントを利用して、アコーディオン式リストにslideDown、slideUpのアニメーション効果を追加します。

expand、collapseイベントは、heading(開閉の際にタップする要素)のclickイベントのタイミングで発生するのですが、スマートフォンのclickイベントは反応が遅いので、やや動作が緩慢になるのが難点です。
どうにかして、より反応の良いtapイベントなどに紐付けられるといいのですが。

要素を開く/閉じるメソッド

要素の開閉を、Javascriptから制御する事もできます。

jQuery Mobile 1.4ではtriggerは使用できない

要素の開閉は、ネット上で見つけた大半のドキュメントでは、以下のように書かれていました。
しかしこの方法は、jQuery Mobile 1.4からは使用できなくなったようです。