jQuery Mobile creación de un conjunto plegable de forma dinámica a través de AJAX no se aplica styling

Question

Duplicar posible:
Dynamically adding collapsible elements

estoy creando dinámicamente un conjunto plegable y agregarlo a la página utilizando $('#myID').html(htmlcode). El estilo no se está aplicando a la página. ¿Cómo puedo obtener un móvil móvil para aplicarlo?

(estoy usando $.get() para consultar un contenido service.The web que regresé estoy recorriendo para crear el marcado)

Answer 1

ya ha respondido en Jquery Mobile Collapsible Content

Para inicializar la div correctamente después de la prevención de la inicialización por defecto formatear, tendrá que usar algo como $ ("una forma de seleccionar su div"). trigger ('crear'); como se especifica aquí: http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

Answer 2

Esto funciona para mí. Mi ajax devuelve un montón de h3 que inserto en un div plegable y anexo una etiqueta p para el contenido.

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