Question

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

Answer 1

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

工作示例：

http://jsfiddle.net/phillpafford/AfedX/2/
http://jsfiddle.net/phillpafford/AfedX/3/（向两个页面添加导航）

JS：

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

HTML：

<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>

Answer 2

您是否尝试过以下代码:(应该添加一个li到ol或ul）

$(“<li>Your Value</li>”).appendTo(“#yourlistboxid”);

或类似的东西

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

我不了解jquery-mobile，但它应该有效。

如何将子元素插入到listview中？

2 个答案: