Question

可能重复：
Dynamically adding collapsible elements

我正在动态创建一个可折叠集，并使用$('#myID').html(htmlcode)将其添加到页面中。样式未应用于页面。如何让jquery mobile应用它的样式？

（我正在使用$.get()来查询网络服务。我正在循环创建标记的内容返回。

Answer 1

这对我有用。我的ajax返回了一堆h3，我将其插入到一个可折叠的div中，并为内容添加一个p标签。

$(document).ready(function(){

    $.get(my_url, function(data) {
        var content = $('div[data-role="content"]').html(data);
        $('h3').each(function(h3_element) {
            var coll = $('<div class="ui-collapsible-contain" name="blog"  data-role="collapsible" data-collapsed="true">');
            coll.append($(this));
            coll.append($('<p>'));
            content.append(coll);
        });
        content.trigger( "create" );        
    });

});

Answer 2

已在Jquery Mobile Collapsible Content

中回答

要在阻止默认初始化格式化之后正确初始化div，你必须使用像$这样的东西（“一种选择div的方法”）。trigger（'create'）;如下所示： http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

Answer 3

$content.find(":jqmData(role=collapsible)").collapsible();

Answer 4

Collapsible content and Ajax loading

jQuery Mobile通过ajax动态创建可折叠集不适用于样式

4 个答案: