如何添加<；李>；使用jQuery（mobile）作为listview动态创建元素

我正试图让jQuery（mobile）向数据角色设置为“listview”的

添加新的

元素

以下是html：

    <div data-role="page">

   <header data-role="header">  
    <h1>Header</h1>
   </header>  

   <div data-role="content">  
    <ul data-role="listview" data-theme="a" id="sitelist">
        <li><a href="page1.html" data-transition="pop">Page1</a></li>
    </ul>
   </div>  

   <footer data-role="footer">  
    <h4>Footer text</h4>
   </footer>  

</div>


标题



页脚文本

下面是使用的javascript：

$('ul').append('<li><a href="#">sada</a></li> ');

$('ul').listview('refresh');

$（'ul'）。追加（'li>
'）；
$（'ul'）.listview（'refresh'）；

但问题是输出呈现为：

我希望“sada”项只呈现一次，并且它的格式应该与“Page1”相同

我做错了什么？谢谢你的帮助

---

/Magnus

我对jQuery mobile没有做太多的工作，但我认为数据转换属性是必不可少的。尝试在您添加的链接中设置它。

我第一次尝试使用jquery mobile使用XHR获取一些数据时遇到了一个非常类似的问题。Listview似乎非常挑剔，我发现让它工作的最简单方法是在我的代码中创建UL（而不是在HTML页面中），在附加了我的LI之后，我在新创建的UL上调用Listview（）

因此，基本上可以尝试声明UL（在html中）而不使用数据角色属性，使用js添加LI元素，然后在UL上调用listview（）

例如

我已经做到了：

var myList=$（“#列表”）；
myList.listview（“刷新”）；

---

而且工作正常

哦，对不起。我似乎从错误的版本中删除了代码。我也尝试过，但仍然没有成功。

数据转换

描述了点击链接应该如何进入下一页-这与所描述的行为无关。您可以发布最终生成的HTML（使用Firebug或等效工具）吗？

$('#sitelist').append(data);
...
$('#sitelist').listview()