4

jQuery Mobileのドキュメント全体で、ナビゲーションに左側のメニューを使用します。これは、ブラウザーの幅が狭い場合に、よりモバイルフレンドリーなバージョンに変わります。このページで例を見ることができます。

ドキュメント全体でこのレイアウトを使用しており、ソースでは、IDが「content-primary」と「content-secondary」の2つのdivを使用していることがわかります。私の質問は、ドキュメントで実際に説明されているこの構造について何も見つからないという事実に関連しています。フレームワークにそのような便利なウィジェットが含まれていないのは非常に奇妙に思えます。彼らはこれを作るためにカスタムコードを使用しましたか、それとも私はどういうわけかドキュメントでそれを見逃しましたか?

4

3 に答える 3

0

実際、これはjquery mobileに固有のものではなく、CSS3です。ここでドキュメントを確認できます:http ://www.css3.info/preview/media-queries/ 。基本的には、次の例に示すように、メディアクエリを使用してさまざまな画面幅のスタイルルールを指定します。

@media all and (min-width: 650px) { // you can define your width here
  // style rules here
}
于 2012-08-14T16:20:11.037 に答える
0

率直に言って、JQMで一貫して期待どおりに機能する左ナビゲーションの例を見つけることがどれほど困難であったかを見て非常に驚いています。

.content-primaryカスタムの.jsスクリプトと.cssスクリプト(と.content-secondaryクラス、および@mediaメニューをレスポンシブにするさまざまなクエリを定義する)を取得するなど、JQMドキュメントから直接コードをコピーすることにしました。

JQMドキュメントは「マルチページ」形式を使用しません。代わりに、各ナビゲーションメニュー項目は完全に別個のURLにリンクしているため(おそらくdata-prefetch="true"、リンクに追加することでDOMにプリフェッチされます)、新しいページ/URLごとに同じナビゲーションメニューを再定義する必要があります。

これにより、開発者の頭脳は「メニューを抽象化して、各ページに自動的に含める」とすぐに考えます。しかし、PHP(または他のサーバー側言語)を使用せずに各ページにメニューを「含める」にはどうすればよいでしょうか。これは私がまだ解決していない問題です。

javascript / jqueryを使用して、手動でメニューを読み込みページに挿入する関数を呼び出すことができる場合がありますが$(document).bind('pageinit',、これを適切に行う方法はまだわかりません。

実行可能な解決策がある場合は、投稿を続けます。

于 2012-10-08T15:40:23.907 に答える
0

http://jquerymobile.com/demos/1.3.0-beta.1/docs/demos/panels/panel-nav-form.html#の左側のメニューのようなものについて話しているのですか?遊んだことはありませんが、最近は時間がかかるようです

<div data-role="panel" data-position="left" data-position-fixed="false" data-display="reveal">
于 2013-07-06T21:15:59.820 に答える