問題タブ [jquery-mobile-collapsible]

折りたたみ可能なセット内にリスト ビューが必要で、 knockout.jsを使用してデータをリスト ビューにバインドしたいと考えています。簡単な例で、これに関して誰でも私を助けてください。以下のコードのContent 1、Content 2、Content 3の代わりにデータをバインドしたいと思います。

jQueryモバイルアプリに折りたたみ可能なセットがあります。問題は、展開するときにページの背景画像を追加すると、折りたたみ可能なものを閉じると、背景画像が伸びて折りたたみ可能なもので移動することです.cssからこれらの行を削除すると:

この問題は解決しましたが、これは別の大きな問題を引き起こしました。つまり、折りたたみ可能なものを展開してから閉じると、背景が縮小し、「折りたたみ可能なもので上に移動」し、この折りたたみ可能なものの下のページ部分が背景なしで「透明」になります。 jsFiddle よりもモバイル デバイスで発生します。これは私のjsfiddle です

この問題を解決するにはどうすればよいですか?

次のようなjsonがあります

このjsonを折りたたみ可能なセットの場所としてセクション部分にロードし、サブロケーションはコンテンツ部分です。

私は次のような出力を得ました

しかし、私はこのようにする必要があります

jQueryモバイルで折りたたみ可能なセットにするにはどうすればよいですか

サイドパネルにあるリストビューで折りたたみ可能なものを動的に作成するネストされた再帰関数がいくつかあります。特にネストされたテキストが短くなり始めると、デフォルトの 17em が小さすぎることがわかりました。だから私はそれを設定するcssでスタイルを見つけ、25emを使用するようにそれらをオーバーライドしました。一部のデバイスでテストした後、これは少し多すぎるかもしれません。しかし、私は脱線します。

ここで質問したいのは、data-display="overlay" を使用すると、折りたたみ可能オブジェクトがパネルからオーバーフローする理由です。「reveal」に設定すると、問題なく表示されます。ネストされたすべてのコンテンツである可能性があると思ったので、ここで静的コンテンツをいじりました: http://jsfiddle.net/LF6UR/

それはそうではないことがわかります。おそらく、私が認識していないパネルの他のCSSプロパティがあるでしょう。このフレームワークを理解するための細かい設定がたくさんあるようです。メインのコンテンツ領域をプッシュするよりも「オーバーレイ」の方が優れていると本当に思っているので、誰かが助けてくれることを願っています.

次のように、折りたたみ可能なコンテンツを動的に生成します。

折りたたみ式は非常にうまく機能します

ただし、expand-event を次のように使用する場合:

また

答えはありません！私たちは何を間違っていますか？たくさんの戦車;-)

これを追加します：

しかし、これはまだ機能していません! 問題は、折りたたみ可能なものを動的に生成する方法だと思います

JQuery Collapsible プロパティにスライド トランジションを追加できた人はいますか?

data-inset="false"で折りたたみ可能なリストを作成しようとしていますが、ユーザーがメニュー項目をタップすると、折りたたまれたセクションがスライドします。

これは私がやろうとしていることの例です (ただし、代わりに JQuery Mobile を使用しています)。しかし、この例では、移行は私が望むほどスムーズではありません: http://www.designgala.com/demos/collapse -expand-jquery.html

アイデア？

注: 同様の目的を持つ他の投稿を見たことがありますが、私が説明したトランジションを使用した投稿はなく、フェードを使用していました。