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();