如何将子元素插入listview？

我有一个UL列表视图。我想通过一个函数将LI元素插入其中，该函数可以输出单个LI。append（）似乎对我不起作用。有什么建议吗？

您是否尝试了以下代码：（它应该向ol或ul添加一个li）

$（“
您的价值”
”）。附加到（“#yourlistboxid”）；

或者类似的事情

$("<li />")
  .append(
    $("<a />")
     .attr("href" ,"http://stackoverflow.com")
     .text("Hello"))
  .click(function() {
    alert('hi');
  })
  .appendTo("#saved-list");

$（“
”）
.附加(
$("")
.attr（“href”http://stackoverflow.com")
.text（“你好”））
。单击（函数（）{
警报（“hi”）；
})
.appendTo（“#已保存列表”）；

我不知道jquerymobile，但它应该可以工作

您需要使用.listview（'refresh'）

工作示例：

• （将导航添加到两个页面）

JS:

$（'li nav'）。追加（'li>'）。列表视图（'refresh'）；

HTML:

导航



导航



导航

我正在尝试在LIs中附加一个数组。这种附加方式似乎对它不起作用。我已经试过了。

$("<li />")
  .append(
    $("<a />")
     .attr("href" ,"http://stackoverflow.com")
     .text("Hello"))
  .click(function() {
    alert('hi');
  })
  .appendTo("#saved-list");

$('#li-nav').append('<li><a href="#page2">Page 2</a></li>').listview('refresh');

<div data-role="page" id="home"> 
    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f" id="li-nav"> 
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#page1">Page 1</a></li> 
        </ul> 
    </div>
</div>

<div data-role="page" id="page1"> 
    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#home">Home</a></li> 
        </ul> 
    </div>
</div>

<div data-role="page" id="page2"> 
    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#home">Home</a></li> 
        </ul> 
    </div>
</div>