0

我正在开发一个应用程序，我正在使用 jQuery mobile 作为 UI。有没有人知道如何使用 js 动态实现列表视图。静态代码片段如下：

<ul data-role="listview" data-theme="g"> 
      <li><a href="acura.html">Acura</a></li> 
      <li><a href="audi.html">Audi</a></li> 
      <li><a href="bmw.html">BMW</a></li> 
</ul>
4

4 回答 4

1

你可以这样做：

<ul data-role="listview" data-theme="g" id="lstSample">

</ul>

在js中

    for(var i=0;i<urs_source.length;i++){
        $("#lstSample").append($("<li><a href='" + urs_source[i].link + "'>" + urs_source[i].text  + "</a></li>"));
}

$('#lstSample').listview('refresh');

最后，您需要刷新列表视图。

于 2012-07-23T03:16:42.220 回答
0

使用 JS 将元素添加到列表后；您需要调用refresh它以让 JQM 增强它。

$('.selector').listview('refresh');
于 2012-07-22T20:00:54.900 回答
0

所以你想将 li 元素添加到你的 ui 元素中吗？

如果是这样，您可以执行以下操作：

<ul data-role="listview" data-theme="g" id="mylist"> 
      <li><a href="acura.html">Acura</a></li> 
      <li><a href="audi.html">Audi</a></li> 
      <li><a href="bmw.html">BMW</a></li> 
</ul>

function addlist(link, text) {
$("#mylist").append("<li><a href='" + link + "'>" + text + "</a></li>");
}

然后你可以像这样添加调用函数的列表项：

addlist("ford.html", "Ford");

否则我不明白你的问题:-(

于 2012-07-22T18:36:54.233 回答
0 
<ul data-role="listview" data-theme="g" id="mylist"> 
      <li><a href="acura.html">Acura</a></li> 
      <li><a href="audi.html">Audi</a></li> 
      <li><a href="bmw.html">BMW</a></li> 
</ul>


$("#mylist").css("display","none");
$("#mylist").css({display:"none", backgroundColor:"red"});

这应该会有所帮助。

于 2012-07-22T13:05:35.863 回答