如何插入子元素融入一个ListView？ [英] how to insert child elements into a listview?

问题描述

我有一个列表视图UL认证。我想通过它吐出个人LIS功能插入李的元素进去。追加（）似乎并没有为我工作。有什么建议？

I have a UL listview. I want to insert LI elements into it via a function which spits out individual LIs. append() does not seem to work for me. Any suggestions?

推荐答案

您需要使用.listview（'刷新'）;

You need to use .listview('refresh');

工作示例：

• http://jsfiddle.net/phillpafford/AfedX/2/


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

• http://jsfiddle.net/phillpafford/AfedX/2/
• http://jsfiddle.net/phillpafford/AfedX/3/ (adding navigation to both pages)

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>

这篇关于如何插入子元素融入一个ListView？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！