javascript - jqueryまたはjquery mobile mobileを使用して日付に従ってデータを一覧表示する方法

Question

jquery mobile と asp.net を使用してライブラリ モバイル アプリケーションを開発しています。jquery mobile は初めてで、問題に直面しています。マイページの日付 日付がタイトルになり、書籍のサムネイルの下に以下のように表示されます

このソリューションのコードを除いてはありません。この問題を解決するためのアイデアが少しだけ必要です。

注: Json の解析と Html の書式設定が私の主な目標です

Answer 1

私はあなたがこのようなものを探していると思います..いくつかのサンプル json を取得し、日付をヘッダーとしてリスト ビューに表示しました。

<div data-role=header>
    <h1>Home</h1>
  </div>
  <div data-role="content" id="home">
  </div>


var response=[
  {"date":"27/09/2013", 
   "books":["All Passion Spent", 
            "All the King's Men", 
            "An Acceptable Time", 
            "An Evil Cradling"]
  }, 
  {"date":"26/09/2013",
   "books":["Bury My Heart at Wounded Knee", 
            "Butter In a Lordly Dish", 
            "Clouds of Witness", 
            "Cover Her Face"]}
];

show_response(response);

function show_response(myobj){
     var ansString ='<div><ul data-role="listview" data-theme="c" data-inset="true"               data-dividertheme="b" >';
 $.each(myobj,function(index,quesobj){
   ansString = ansString+"<li data-role='list-divider'><h3>"+quesobj.date+"</h3></li>"   
   for(key in quesobj.books){    
        ansString = ansString+'<li><a href="#">'+quesobj.books[key]+'</a></li>'                         
     }     
  });
    ansString = ansString+"</ul></div>"
    $("#home").html(ansString).trigger("create");
}

http://jsfiddle.net/YXLKw/3/