JQuery Mobile を使用して、ネストされた折りたたみ可能オブジェクトを使用してツリーを作成しています。ツリービューと同様に、親には子がある場合とない場合があります。私の現在のアプローチでは、子を持たない折りたたみ可能なものはまだ折りたたみ可能ですが、折りたたみ可能な部分は子供がいないため空です。これにより、UI が非常に見苦しくなります。私が望むのは、折りたたみ式を展開する動作をオフにする方法ですが、子供を持つ折りたたみ式でそれをオンにできる方法です。
ここで議論されているもののように、私はすでにさまざまな解決策を試しました。非常に単純なコードを使用して、折りたたみ効果を無効にします。
$("#page").live('pageinit', function(event) {
$(".ui-collapsible[data-allow-collapse=false]").unbind("expand collapse");
});
しかし、その解決策は逆効果です。私が展開不可能なセクションを探している間に、彼は折りたたみ不可能なセクションを探しています。answerers jsFiddle ページ (ここにあります) を編集して効果を逆にするだけで、非常に奇妙な効果が生じます。
そのjsFiddleを更新して、何が起こるかを示しました。collapsible-list (セクション 4) の最後の要素をクリックすると、上記のすべての要素が自動的に折りたたまれます (最初の要素を除く。この要素にはプロパティdata-allow-collapseがfalseに設定されているため) 。別の要素をクリックするとすべての要素が折りたたまれるため、これは私には奇妙な動作に思えます。
その動作を修正する方法はありますか、それともまったく別のアプローチを取る必要がありますか? 基本的に欲しいのはdata-allow-to-expand のようなプロパティだけです。それが false に設定されている場合、その特定の要素をクリックしても何も起こりません。true に設定すると、通常どおり展開されます。