2012-02-17 3 views
1

http://jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.htmlにあるドキュメントのように、左側にjqueryモバイルリストビューを表示する方法が不思議でした。リストビューは、ipadとiphoneで非常にうまくリサイズされます。私はdocsのURLの内容をコピーしようとしましたが、私は同じ結果を得ることができませんでした。リストビューは、メインコンテンツの下に2番目のブロックとして表示されます。答えが提案jqueryモバイルリストビューの表示方法は、ドキュメントのフォーマットと同じですか?

は、コンテンツのプライマリおよびコンテンツの二次を使用していたが、これは、ここで例http://jsfiddle.net/jSkM7/2/

+0

私がhttp://stackoverflow.com/questions/9281792/how-to-create-a-sidebar-in-jquery-mobile-websites/9299364#9299364とhttp:// stackoverflowの回答を参照してください。 com/questions/8817068/jquery-mobile-content-navigation-collapse-on-a-buton-on-portait/8834776それはあなたにいくつかのアイデアを与える必要があります.. – user700284

+0

可能重複:http://stackoverflow.com/questions/9281792/how-to-create-a-sidebar-in-jquery-mobile-websites –

答えて

2

参照、動作しません。私はあなたが

<div class="content-primary">

を定義している探しているものだと思います

<div class="content-secondary">

対あなたは「Sを配置する場合最初のページ(http://jquerymobile.com/demos/1.0.1/)から効果を得ることができます。ここでは、iPhoneを見ているとページの上部に折り畳まれますiPad。プライマリの後に置くと、あなたが示したもののように折り畳まれます。

リストの種類も異なるため、ニーズに適したものを見つけるには、それらのページのソースを確認する必要があります。

+0

私はこれを試して、それをしなかった何か影響があります – Sid

+0

こちらを参考にしてください[http://jsfiddle.net/jSkM7/2/](http://jsfiddle.net/jSkM7/2/) – Sid

+0

試したコードを投稿できますか? – Sologoub

0

これはjqm 1.0.1のバグであると思われますが、上の提案された答えは1.0で動作します。

関連する問題