jQuery Mobile的创建可折叠一套动态通过AJAX不适造型

Question

可能重复：
Dynamically adding collapsible elements

我动态创建一个可折叠组，并使用$('#myID').html(htmlcode)将它添加到页面。样式不适用于页面。我怎样才能让jquery mobile应用它的造型？

（我使用$.get()来查询返回的，我通过循环来创建标记的Web内容的服务。）

Answer 1

在Jquery Mobile Collapsible Content

已经回答要初始化您的div防止默认初始化后，正确格式化，你将不得不使用类似$（“一种方式来选择你的div”）触发（'创建'）;如下所示： http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

Answer 2

这对我有用。我的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 3

Collapsible content and Ajax loading

Answer 4

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