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

这样，在您开始填充标题之前，标题将位于列表视图中，并且附加功能将在列表视图中添加新内容，而不会删除以前的内容。