为什么js取LI的值时只获取了部分？

Question

先上代码：

//评分页面显示时

$(document).ready(function(){

$("#fm_pf").bind('pagebeforeshow', function(event) {

  $.getJSON("http://192.168.0.30:81/fkfs/jsons_a/json_showpf.php",   

function(data) { 

  var myobj=eval(data);

for(var i=0;i<myobj.length;i++){

// alert(myobj[i].title);

//  alert(myobj[i].sper);

//  alert(myobj[i].date);

var mystr = myobj[i].date;  //数据类型是这样的：2014-1-13

   $("#fm_pf_list").append('<li value=" '+mystr+ ' " > <a href="#fm_pf_info"> <h1>标题：'+myobj[i].title+'</h1> <p>检查日期：'+myobj[i].date+'</p>   <p>检查人员：'+myobj[i].sper+'</p>  </a>   </li>');

}

    $("#fm_pf_list").listview('refresh');  

$("#fm_pf_list li").each(function(){

$(this).live('tap',function(event){ 

        alert($(this).attr("value"));  //此时弹出的对话框只是取到了部分

 })  

    });

   });

});

});

下面生成的效果就是这样的了：

按道理点击LiI时，会显示一个日期，但是点击时却是下面的效果了：

只显示了一半，求解。谢谢！

Answer 1

感觉你拼HTML片段有问题，那个双引号那里这样搞不行吧

试试这个

$("#fm_pf_list").append('<li value=" '+mystr+ '"' +' > <a href="#fm_pf_info"> <h1>标题：'+myobj[i].title+'</h1> <p>检查日期：'+myobj[i].date+'</p>   <p>检查人员：'+myobj[i].sper+'</p>  </a>   </li>');

另外最好你用F12看一下源码，看各个li的vlaue真实取值。就知道是拼错了，还是取错了。对症下药

Answer 2

感觉你拼HTML片段有问题，那个双引号那里这样搞不行吧

试试这个

$("#fm_pf_list").append('<li value=" '+mystr+ '"' +' > <a href="#fm_pf_info"> <h1>标题：'+myobj[i].title+'</h1> <p>检查日期：'+myobj[i].date+'</p>   <p>检查人员：'+myobj[i].sper+'</p>  </a>   </li>');

另外最好你用F12看一下源码，看各个li的vlaue真实取值。就知道是拼错了，还是取错了。对症下药

Answer 3

感觉你拼HTML片段有问题，那个双引号那里这样搞不行吧

试试这个

$("#fm_pf_list").append('<li value=" '+mystr+ '"' +' > <a href="#fm_pf_info"> <h1>标题：'+myobj[i].title+'</h1> <p>检查日期：'+myobj[i].date+'</p>   <p>检查人员：'+myobj[i].sper+'</p>  </a>   </li>');

另外最好你用F12看一下源码，看各个li的vlaue真实取值。就知道是拼错了，还是取错了。对症下药