在ajax调用之后，无法为动态数据应用jQuery移动样式

Question

我有一个带有data-role =“content”的div。最初我正​​在解析JSON并用内容填充这个div，一切都正常工作。这个div基本上由可折叠集组成。因为我花了更多的时间才想到将“content”div下的整个html（从Chrome浏览器复制）移动到HTML文件并使用ajax调用并将其附加到“content”div。但遗憾的是，可折叠集内的可折叠标签未显示。

$(document).ready(function () {
        $.ajax({
            url: '@Url.Content("~/HTMLPage1.htm")',
            dataType: 'html',
            success: function (result) {
                $("#content").html(result);
                $("#content").hide();
                $('#content').trigger("create");
            },
            complete: function() {
             $("#content").listview("refresh");
            }

        }); 
    });  

任何人都可以告诉我为什么会这样。 提前谢谢。

最诚挚的问候， Sajesh Nambiar