Preciso de ajuda: Não estou conseguindo injetar conteudo do javascript em numa section do jqueryMobile

[Fabioh 0]

Amigos 

poooor favor vejam se conseguem me ajudar

 

tenho um javascript que faz um loop no banco de dados para montar uma lista de empresas, abaixo:

Porem quando injeto esse conteudo gerado no FOR na DIV ele mostra como se nao tivesse formato jquery ou seja não fica com recursos graficos e funcionais do Jquery Mobile

Me ajudem

 

DESDE JA OBRIGADO

 

//aqui o JS

$('#btnMeusEstabs').click(function(){      

        $linha = "<section  data-role='content' ><ul data-role='listview' data-inset='false' ui-li-count data-filter='true' data-filter-placeholder='Procurar ....' data-inset='true'>";
        for (enquanto nao for final do arquivo){

           $linha = $linha +  "<li><a href='det_estab.html' data-transition='pop' data-role='button' data-rel='dialog'>";
           $linha = $linha + "<img src='img/1.jpg' />";
           $linha = $linha + "<h3>Linha 1 </h3>";
           $linha = $linha +  "<p>Menino Deus-Porto Alegre</p>";
           $linha = $linha +  "<p><img src='img/check.jpg'/></p></a></li>";
           $linha = $linha +  "</ul>";

        }
        $linha = $linha +  "</section>";

        $('#DIVlistaEstab').append($linha);

}

 

//aqui o html com jquerymobile

        <div id="DIVlistaEstab">

        </div>

 

[Kosonome 31]

Você tem o erro aí para mostrar? Talvez deu algum erro no console do browser ou não carregou algum javascript/css nessa página.

[Fabioh 0]

Oi
O erro é que quando o conteúdo é impresso na tela ele fica sem o formato jquerymobile ou seja apenas um html (UL/LI)

 

é como se o jquerymobile só é impresso se o codigo ja estiver no html escrito, nao podendo ser injetado via um JS

[Fabioh 0]

Ola

E ai pessoal...
Algum tem sugestões de como resolver o mistério.?

 

Fabio

[Pita 53]

Não sei o que pode ser, mas será que não precisa executar alguma coisa do JQueryMobile para ele atualizar o layout nos novos elementos que foram inseridos o carregamento da página?

 

Eu tinha um problema parecido com o selectPicker, os selects inseridos após o carregamento da página precisava chamar uma função para acertar o layout

[Kosonome 31]

Se estiver usando chrome ou firefox, entre nas ferramentas de desenvolvedor apertando F12, procure a aba Network e clique. Recarregue a página novamente, e ele vai mostrar todos os arquivos que seu site está usando. Se deu algum status 404, ou algum erro, pode ser que esteja faltando estes arquivos.

 

No mesmo F12, vá na aba Console, verifique se não há erros lá. Lá ficam os erros de javascripts também.