問題タブ [collapsable]

ここで属性 data-role="collapsible" を 2 つのフォームに追加しています: https://www.myhhf.com/test/test_jq_form.php。

下部のフォーム 1 が正しいです。この属性はインラインで追加されています。

フォーム 2 は正しくありません。この属性は、 内のこのコード行で動的に追加されています$(document).ready(); : $("#form_2").attr("data-role", "collapsible");。最後に追加しようとし.trigger("create")ましたが、何もしませんでした。

フォーム 2 は属性を受け取っていますが、正しく機能していません。

私は、jQuery Mobile がロード時にすべてを適用すると信じています。これについては 100% 確信が持てません。しかし、そうであろうとなかろうと、私はこれを機能させる必要があります。何かお役に立てば幸いです。

折りたたみ可能なナビゲーション ドロワー アイテムを実装する方法を探しています。後でアイテムとそこにあるサブアイテムがアプリの開始時に動的にロードされますが、最初はいくつかのサブアイテムを含むアイテムを取得できれば幸いです。

誰かが誰かにサンプルコードや良いチュートリアルを提供してもらえますか?

アコーディオンをウェブページの幅に合わせて伸ばし、タブを間にスペースを空けずに積み重ねられるようにしたい. タブとして画像を使用する必要があります。

これは、タブ/ボタンが閉じられたときのホームページの外観です: i.imgur.com/aJMDepQ.png

実際の Web ページで閉じている場合、端まで伸びず、接触しません。

これは、アコーディオン タブの 1 つが実際にどのように見えるかです: http://i.imgur.com/NpzCkzp.png

html:

CSS:

jquery:

ありがとう！

そうです、これを説明するのは簡単ではありません...私はウェブサイトに jquery.fullPage.js を使用しています。スクロールが必要な大量のコピーをホストする折りたたみ可能なパネルがいくつかあります。このパネルでスクロールを有効にすると、次のセクションに移動するため、問題が発生します。ページ全体のスクロールに影響を与えずに、このパネル内をスクロールする方法はありますか?

みんなありがとう

初めてコーディングを試みましたが、jsfiddle でコード全体を使用せずに私の質問を提示可能にする方法がわかりませんでした。

html:

js:

CSS:

私のjsfiddle

サイトが PC モード/大画面の場合、サイドメニューは画像の左側にあります。しかし、折りたたむと、画像が画面全体に表示されます。画像 (マップ) が画面いっぱいになるように、サイドメニューを折りたたむ方法が間違っていませんか? 私のイメージは、希望どおりにサイズ変更するのではなく、左にシフトしているだけです。

dw でスライドを見た後、流動グリッド レイアウトを使用しているため、マップ div が 66.3003% に設定されているため、100% に変更されていないことに気付きました。div の css を 100% に変更することはできますか? レイアウトを流動的なままにしたいので、実際の px サイズは機能しないと思います。

ヘッダー クラスには印象的な css で設定された画像の背景画像があるため、内部にナビゲーションを含むヘッダー セクションがあります。問題は、ナビゲーションの折りたたみによってヘッダーが展開され、ヘッダー セクション内にも存在するナビゲーション以外のコンテンツが押し下げられることです。コンテンツをページに押し下げてヘッダー領域を展開するのではなく、折りたたみ時に親 div の上に折りたたみメニューを表示する方法はありますか?

ナビゲーション バーを他のすべてのコンテンツの上に折りたたむ方法を教えてください。