問題タブ [collapsable]

jquery mobile はかなり新しく、json の解析も初めてです。多くの調査を行っても役に立ちませんでした。settimeout 関数で 10 秒の遅延を試しました

私のアプリは、samsung galaxy s2 では正しく動作しますが、samsung galaxy タブレット 10.1 では次のようになります。

最新jquery 1.2.0とjquery-1.7.2

呼び出しgetlocations2.phpて、4 つ以下のアイテムを返すと、折りたたみ可能なセットが正しく開閉します。5つ以上の商品を返品する場合:

1. 上部の折りたたみ可能なものをクリックして展開しますが、何も起こりません
2. 2 番目の折りたたみ可能な h3 をクリックすると、最初の折りたたみ可能なものが開きます
3. その後、h3 をランダムに再展開することができますが、通常は最後の h3 に触れて開くことができませんでした。
4. しばらくの間は正常に動作します。

ヒントをありがとう:

コード :

折りたたみ可能な (クレジット カード情報を入力する) フォームがあります。クリックすると開きますが、送信をクリックすると閉じます。これが私のhtmlです：

そして、これが私のJSの試みです:

私は基本的に、ページ変更が行われたときに呼び出される動的な折りたたみ可能なコンテンツを構築しています。

折りたたみ可能なコンテンツの作成は、ページの変更時に生成され、いくつかのdivが動的に入力されます。最初の折りたたみ可能なセクションは、開いている（折りたたまれていない）ように設定されています

前のページに移動して動的な折りたたみ可能なコンテンツページに戻ると、折りたたみ可能なセクションの書式設定（css）が失われます

--私は$page= $（pageSelector）;を使用します。

- $ page.page（）;を使用してみました $ .mobile.changePage（$ page）; ページ戻るボタンを壊しています。

コメントを追加するためのテキストエリアを表示する div 領域を展開する「コメントの追加」というラベルの付いた div があります。

div は for each ループの間に配置された部分ビューにあります。div の複数のインスタンスを作成しますclass="slide"。したがって、$('div.slide').clickがトリガーされると、コメントのすべてのインスタンスが開きます。

class="slide1"各 class="slide" Ex: ,などに id を付ける場合class="slide2"、以下の JavaScript を編集してその特定の div のみを開くにはどうすればよいですか?

Jクエリ

親ビュー

部分ビュー "_Comment"

JavaScriptはほとんどわかりません。誰かが折りたたみブロックのアニメーションを作るのを手伝ってくれませんか?

これは私が現時点で持っているものです - http://jsfiddle.net/HbPF5

純粋なCSSのみの折りたたみ可能なメニューの良い例はありますか？

これはその一例です

http://cssdeck.com/labs/pure-css-tree-menu

この例では、子をからに変更するためのトリガーとして使用しinput:checkedますdisplay:nonedisplay:block

これはli:hoverそれを行うための使用例です

モバイルブラウザの下向き矢印によってトリガーされる純粋なCSS折りたたみ可能メニューを作成します

li:clickしかし、トリガーとして使用したいのですが、これは可能ですか？

アドバイスありがとうございます。例を挙げていただければ幸いです。

7 つの要素を持つ折りたたみ可能なセットがあります。それは正常に動作します。折りたたみ可能な各アイテムのヘッダーを変更しようとすると、ヘッダーは変更されますが、折りたたみ可能なスタイルは削除されます。

誰かがそのような問題に遭遇しましたか??

以下の私のコードを見つけてください。

jQuery

html

スクリプトを実行するのに問題があります。jquery 折りたたみ可能プラグインを利用しています。

http://jsfiddle.net/VzqJK/46/

誰かが問題を特定するのを手伝ってくれますか?

jsfiddle にコードを貼り付けると、なぜか動作するようになりました。しかし、私が達成しようとしているのは

1. デフォルトで開いているかアクティブになっているデフォルトのアイテムを持っている
2. アイテムを展開すると、他のすべてのアイテムが折りたたまれます
3. 項目を展開してサブメニュー項目をロードすると、現在の状態が保持されます。

元：

親 1 親 2 -- 子 a -- 子 b 親 3 -- 子 c

子 b をクリックすると、class=current子 b のタグに ' class=active' が適用され、親 2 に ' ' が適用されます<li> tag。

この件に関して、あなたの助けに感謝します。

ありがとう！

RD

誰かが私を助けてくれたら本当にありがたいです。jQuery mobile 1.2で折りたたみ可能なブロックを配置しようとしています

折りたたみ可能なヘッダー内にチェックボックスを配置したいという問題があり、配置しましたが、チェックボックスをクリックするとクリックイベントが発生せず、代わりにブロックが折りたたまれていないか折りたたまれています。チェックボックスのチェックとチェック解除も発生しません。

私が欲しいのは、チェックボックスをクリックすると、チェックを外してチェックボックスのみが機能し、折りたたみ可能なイベントは機能しないはずであり、プラスアイコンまたはチェックボックスの外側をクリックすると、折りたたみ可能なものだけがチェックボックスイベントではなく機能するはずです。

Google Chrome と firefox で発生している問題。

問題 2)

チェックボックスのスタイルはラベルなしで現在と同じに見えるはずですが、可能ですか?

疑似クラスを使用する他の誰かのコードに基づいた、純粋な CSS 折りたたみ可能な div があります:target。私が設定しようとしているのは、12 個以上の質問があるページです。+ ボタンをクリックすると、答えの div が下に展開されます。大量の余分な CSS を書かないと、このページで複数の折りたたみ div 要素を作成する方法がわかりません。私のCSSコードが最小化されるように、これを書く方法について誰か提案がありますか? (つまり、12 以上の質問のそれぞれに一意のセレクターを多数入力する必要はありません)。

これは JS を許可しない wordpress.com サイトで行われているため、Javascript を使用できません。

これが私のjfiddleです：http://jsfiddle.net/dmarvs/94ukA/4/