Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery或jquery mobile按日期列出数据_Javascript_Jquery_Asp.net_Jquery Mobile - Fatal编程技术网

Javascript 如何使用jquery或jquery mobile按日期列出数据

Javascript 如何使用jquery或jquery mobile按日期列出数据,javascript,jquery,asp.net,jquery-mobile,Javascript,Jquery,Asp.net,Jquery Mobile,我正在使用jquery mobile和asp.net开发一个图书馆移动应用程序我是jquery mobile的新手,我面临一个问题,我对解决方案一无所知我需要根据页面中的日期显示图书到达日期日期将是标题,下面的图书缩略图将显示为“显示”低于 我不需要这个解决方案的代码,我只需要一些解决这个问题的想法 注意:Json解析和Html格式是我的主要目标我想你正在寻找类似的东西。。 我已经获取了一些json示例,并以date作为标题显示在列表视图中 <div data-role=header&g

我正在使用jquery mobile和asp.net开发一个图书馆移动应用程序我是jquery mobile的新手,我面临一个问题,我对解决方案一无所知我需要根据页面中的日期显示图书到达日期日期将是标题,下面的图书缩略图将显示为“显示”低于

我不需要这个解决方案的代码,我只需要一些解决这个问题的想法


注意:Json解析和Html格式是我的主要目标

我想你正在寻找类似的东西。。 我已经获取了一些json示例,并以date作为标题显示在列表视图中

<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");
}

家
var响应=[
{“日期”:“2013年9月27日”,
“书”:[“所有的激情都被消耗掉了”,
“所有国王的人”,
“可接受的时间”,
“邪恶的摇篮”]
}, 
{“日期”:“2013年9月26日”,
“书”:[“把我的心埋在受伤的膝盖上”,
“高贵盘子里的黄油”,
“见证之云”,
“遮住她的脸”]}
];
显示_响应(响应);
功能显示_响应(myobj){
var ansString='
    ; $.each(myobj,函数(index,quesobj){ ansString=ansString+“”+quesobj.date+“” 对于(输入quesobj.books){ ansString=ansString+'
  • ' } }); ansString=ansString+“
” $(“#home”).html(ansString).trigger(“create”); }

你在问什么?HTML格式?CSS?如何解析JSON?@mplungjan mainley HTML格式化和JSON解析这里的标准问题是“您尝试了什么?”例如,今天的日期是今天的日期还是JSON格式的日期,JSON看起来像什么like@mplungjan我尝试了jquery mobile提供的手风琴,但我不想折叠我的数据1)向我们展示JSON 2)向我们展示一些试图格式化它的代码。您已经在查看演示文稿,但尚未解析数据。如果你有dateData,你已经接近你的目标了,请不要回避必须在答案中添加代码的规则。当链接处于非活动状态时,仅链接的答案将失去其价值。如果小提琴代码很长,你可以在这里单独发布基本部分。谢谢Harry..修改你的
太多了,为什么是$。每个和
(输入quesobj.books)
请注意