通过ajax动态创建可折叠集的jQuery Mobile不应用样式[重复]答案

【问题标题】：jQuery Mobile creating a Collapsible set dynamically via ajax does not apply styling [duplicate]通过ajax动态创建可折叠集的jQuery Mobile不应用样式[重复]
【发布时间】：2011-08-27 23:21:58
【问题描述】：

可能重复：
Dynamically adding collapsible elements

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

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

【问题讨论】：

嘿，好问题。您是否已经找到了解决方案？谢谢

标签： ajax jquery jquery-mobile

【解决方案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" );        
    });

});

【讨论】：

不，刷新触发器也不起作用......

【解决方案2】：

已在Jquery Mobile Collapsible Content回复

要在阻止默认初始化格式后正确初始化 div，您必须使用类似 $("a way to select your div").trigger('create');如此处指定： http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

【讨论】：

【解决方案3】：

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

【讨论】：

我的团队一开始就是这样做的，但是当在 collapsible-set 和内部的 collapsibles 上执行时，它会导致样式出现问题。使用.trigger('create') 修复它。

【解决方案4】：

Collapsible content and Ajax loading

【讨论】：