我如何使用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); 

這樣的標題會在列表視圖，然後再開始填充它，並附加功能將添加一個列表視圖中新的內容而不刪除前一個。