モバイルデバイスのチェックボックスの複数選択ツリービュー？
このようなものをモバイルデバイスに実装する最良の方法は何ですか？
これは、JQuery UIに実装された階層を持つ複数選択ドロップダウンボックスの例です。 http://jsfiddle.net/3jr2v/2/embedded/result/
ここから： https://stackoverflow.com/questions/8781905/jquery-multiselect-nested-option
私はJQuery Mobileを使用しています。
私の要件は：
- シナリオに応じて、約5〜30個のチェックボックス
- 複数レベルの深さ（5？）の階層と、親をクリックしてすべての子の選択を解除する機能
- ユーザーはオプションについて事前に知識がないため、どこでも「オートフィル」「オートコンプリート」コントロールを使用しても意味がありません。
いくつかの問題：
- チェックボックスがアコーディオンスタイルでネストされていない場合、チェックボックスの非常に長いリストになる可能性があります。
- 異なるページのチェックボックスのリストに分割されている場合、選択したすべてのグローバルビューを簡単に確認するにはどうすればよいですか？これは大変なことですか？
私はソリューションが何であってもかまいません、それは単一のドロップダウンである必要はありません、それは別々のリスト、ページである可能性があります...明らかに画面の領域は貴重です。誰かがモバイルデバイスでこのようなことを試みましたか、または良い例を知っていますか？
これまでの研究：
私はそのような解決策をとります。
ネストされた要素がある場合-視覚的な手がかりを与えます。
そうでない場合-バイパス
それがお役に立てば幸いです。