0

私はアプリケーションを開発していて、UIにjQuerymobileを使用しています。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 
<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 に答える
0

では、UI要素にli要素を追加したいですか？

もしそうなら、あなたはこのようなことをすることができます：

<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

JSを使用してリストに要素を追加した後。refreshJQMに拡張させるには、それを呼び出す必要があります。

$('.selector').listview('refresh');
于 2012-07-22T20:00:54.900 に答える