html - 如何在 JQM 中以编程方式创建列表视图

Question

我有一个来自 ajax 的数组，我需要创建jQuery Mobile Listview。我没有找到这种方法，所以可能吗？

Answer 1

这是一个工作示例：http: //jsfiddle.net/Gajotres/SS7vJ/

另一个带有数组的示例：http: //jsfiddle.net/Gajotres/yHHWQ/

$(document).on('pagebeforeshow', '#index', function(){       
    $('<ul>').attr({'id':'test-listview','data-role':'listview', 'data-filter':'true','data-filter-placeholder':'Search...'}).appendTo('#index [data-role="content"]');
    $('<li>').append('<a href="#">Audi</a>').appendTo('#test-listview');
    $('<li>').append('<a href="#">Mercedes</a>').appendTo('#test-listview');
    $('<li>').append('<a href="#">Opel</a>').appendTo('#test-listview');
    $('#test-listview').listview().listview('refresh');
});

也不要忘记调用 .listview( 两次，第一次没有刷新参数，第二次使用刷新参数。没有它你会收到这个错误：

无法在初始化之前调用 listview 上的方法

如果您想了解更多关于 jQuery mobile 如何处理动态添加的内容及其标记的信息，请查看这篇文章，为了透明，它是我的个人博客，或者在这里找到它。