2011-09-17 8 views
5

Jquery Mobileを使用して仕事用にhtml5-appを構築していますが、これは後でphonegapを持つアプリのように構築されます。リストから詳細ページにアクセスする(動的データ)

アプリは、最初にインクルードされたjsonファイルからアイテムのリストを読み込みますが、後で外部URL(新しいアイテムをリストに追加するかどうかを確認します)からアイテムを読み込み、それを現代の組み込みのsql-dbに挿入しますhtml5-ブラウザ。

これまでのところ私はそれを働かせています。私はまた、データを抽出してリストに表示します。しかし、次のステップで私は少しぼんやりしています。ユーザーがリスト内の項目をクリックすると、dbから取得したその項目に関する情報を含むページが開きます。

私は通常phpで動作しますが、それはもちろん簡単です。ちょうどidとurlにvariabelを追加し、PHPコードでクエリ文字列とusiを取得します。

誰かがJQuery Mobileでどのように最善を尽くすことをお勧めしますか?私は単純にロケールストレージを使用し、IDをローカルストレージに格納して詳細ページで使用するクリックイベントを行うだけのアイデアを持っています。しかし、より良い方法があるはずのようにそれは私がDOMに周りに座っページを持っていると思いアウトラインとして...

答えて

3

を感じ呼ば詳細

<div data-role="page" id="details"> 
</div> 

含むHTML5のデータ属性を持つリスト項目を生成しますアンカーリンク

<li><a href="#details" data-uid="1" class="detailslink">Your list item</a></li> 

バインドの詳細内容をつかむのページへの投稿には、詳細ページ

の詳細ページにそれをウンチと示すことがクリックイベントでユニークなID
関連する問題