Question

我有一个混合应用程序，允许您从列表中选择一个ID，当点击搜索时，它应该检索所有相关的注释并将它们附加到listview＆＃34; my-list＆＃34;。

到目前为止，我在获取和显示数据方面没有任何问题，但它不会像使用JQuery mobile那样显示。

SCRIPT：

<script>  
function OnSuccess(xml) {  
    var output = '';  
    $(xml).find("Note").each(  
    function () {  
    output += '<li data-role="collapsible" data-iconpos="right" style="padding:0"'  
    output += '<h2>' + $(this).find("TITLE").text() + '</h2>'  
    output += '<ul data-role="listview">'  
    output += '<li>ID: ' + $(this).find("ID").text()
    output += 'Type: ' + $(this).find("TYPE").text()
    output += 'By: ' + $(this).find("PUBLISHER").text()
    output += 'Date: ' + $(this).find("DATE").text()
    output += '</li> </ul> </li>'
    });

    $('#my-List').html(output);
    }
}
</script>

我只想附加＆＃34; my-list＆＃34;正如我已经在做的那样，为什么我的jQuery可折叠列表不起作用？

谢谢！

Answer 1

您必须告诉jQM初始化可折叠内容并 refresh the listview widget ：

$('#my-List').append(output).enhanceWithin().listview("refresh");

正在使用 DEMO

使用XML动态附加listview会失去jQuery移动样式

1 个答案: