我如何使用jquery mobile为我的动态创建列表视图添加更多细节？

Question

我将如何去添加一个href和一个listview标题到下面的代码。如果我在HTML部分添加它，我不明白列表 HTML和JS下面

<script type="text/javascript"> 
          $(document).on("pagebeforeshow", "#index1", function() { 
           $(function(){ 
            var items=""; 
            $.getJSON("check-events.php",function(data){ 
            $.each(data,function(index,item) 
            { 
            items+="<li>"+item.enddate+"</li>"; 
            }); 
            $("#contacts").html(items); 
            $("#contacts").listview("refresh"); 
            }); 
           }); 
          }); 
         </script> 

      <div data-role="fieldcontain"> 
         <ul id="contacts" data-role="listview" data-divider-theme="b" data-inset="true"> 

      </ul> 
      </div> 

我在哪里可以把这个

<li data-role="list-divider" role="heading"> 
       List view 
      </li> 

Answer 1

让你的HTML代码如下所示：

<ul id="contacts" data-role="listview" data-divider-theme="b" data-inset="true"> 
    <li data-role="list-divider" role="heading"> 
     List view 
    </li>       
</ul> 

而不是这个jQuery线：

$("#contacts").html(items); 

使用这一个：

$("#contacts").append(items); 

这样的标题会在列表视图，然后再开始填充它，并附加功能将添加一个列表视图中新的内容而不删除前一个。