"Masterpage" - PhoneGapアプリケーションでjQuery Mobileを使用してレイアウトする

jQuery Mobileでmasterpage（asp.net）のようなものを作成することはどうしてですか？私はモバイルアプリを開発しています（重要な場合はphonegapを使用しています）、そこにはすべてのページで同じヘッダーとフッター（アプリケーション内をナビゲートするためのボタン）があります。私がしたいのは、このフッタを各div（ページコンテナ）に1回だけ作成することです。"Masterpage" - PhoneGapアプリケーションでjQuery Mobileを使用してレイアウトする

挨拶

編集：あなたのJQMを開発するAsp.Netを使用している場合、私はそれになりたいが、表示されるマークアップのthatsは、ヘッダー/フッター

<div data-role="header"> 
     <h1>Header</h1> 
</div> 

    <div data-role="content"> 
     <div data-role="page" id="page1" data-title="Page 1"> 
      Page 1 
     </div> 
     <div data-role="page" id="page2" data-title="Page 2"> 
      Page 2 
     </div> 
    </div> 

    <div data-role="footer" data-position="fixed"> 
     <table> 
      <tr> 
       <td> 
        <a href="#page1">Page 1</a> 
       </td> 
       <td> 
        <a href="#page2">Page 2</a> 
       </td> 
      </tr> 
     </table> 
    </div>

出典

2012-01-16 Dominik Kirschenhofer

この機能は提案段階です。これをチェックしてくださいhttp://stackoverflow.com/questions/6875404/why-does-html5-not-include-a-way-of-loading-local-html-into-the-document – Abhi

HTMLは "PHP"のように "インクルード"です例えば興味深いかもしれませんが、私が探しているものではありません...私はiFrameも今のところ使えます。私がしたいのは、提供されているjQuery Mobileのナビゲーションを使用することですが、ページ全体を変更したいだけではなく、ページの一部を変更したくありません。 –

この問題に戻った後、私はbackbone.jsを使用するように決めました。これは、JavaScriptのMVCフレームワークです。また

http://backbonejs.org/

http://backbonetutorials.com/

私は私の研究中に発見した何か：

http://kmalakoff.github.com/knockback/ はまだ試していませんが、それは非常にいいですね。より多くの情報を参照してください

このフレームワークは、backbone.jsとknockout.js（MVVMフレームワーク）を組み合わせています。

これは、同じ問題で他の人々を助けてくれることを願っています！

出典

2012-06-21 14:05:11

-2

のない唯一のページ1またはページ2でありますAsp.Netマスタページを使用するだけです。ボディはhttp://Cta.yyyz.comで

<body> 

<div data-role="page" data-theme="c" id="pgMaster"> 
    <div data-role="header" data-nobackbtn="true" data-theme="a"> 
     <asp:ContentPlaceHolder ID="PageTitleContent" runat="server" /> 
    </div> 
    <div data-role="content"> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
    </div> 
    <div data-role="footer" data-id="nav" data-theme="a"> 
     <h4 style="font-size: 75%"> 
      <%= AppCode.Common.CGlobals.CopyRight %> 
     </h4> 
    </div> 
    <asp:ContentPlaceHolder ID="ScriptContent" runat="server" /> 
</div> 
</body>

私のサイト

は enableviewstate=false web.Configにので、あなたが本当に基本的なHTMLページを作成しているとAps.Netを使用して構築されて...のようになりませんでした - 何の肥大化を。

出典

2012-01-17 11:00:04 Gfw

私はPhoneGapを使ってモバイルアプリケーションを開発しています（説明）;））。あなたのページにはサーバーの部分がありません...モバイルデバイスに展開されるhtml + javascriptを開発する必要があります。したがって、.htmlファイルと.jsファイルは、デバイス上で "難しい" => no asp.net = / –

この良いチュートリアルhereでは、ヘッダーとフッターを再利用できるようにコードを構造化する方法を説明しています。

基本的には、指定された場所（通常はコンテンツのプレースホルダ）にDOMを動的に読み込むLoadというラッパーメソッドを作成します。

出典

2012-03-02 21:24:15 Dofs

"Masterpage" - PhoneGapアプリケーションでjQuery Mobileを使用してレイアウトする

答えて

関連する問題