使用javascript将div添加到phonegap中的div

Question

我正在学习使用phonegap开发应用程序。我的问题是，在附加一个div的那一刻，它没有表现出它应该显示。

以下是我的代码的一部分

C:\Script\backup.bat >C:\Logs\MyLog.txt

这个可折叠的“tarea_1”，如果我将它添加到HTML中，它将会显示为这样。

但是当我用这段代码附加它时：

<div data-role="content" id="contenido">
    <div data-role="collapsible-set" id="tareas">

    <div data-role="collapsible" id="tarea_1">'+
        '<h3>Tarea 1</h3>'+
        '<a class="ui-btn-a ui-btn ui-btn-icon-right ui-icon-carat-r" data-form="ui-btn-up-a" data-swatch="a" data-theme="a" href="#">Descripcion</a>        </div>

    </div>             
 </div>

这就是我得到的

我认为这是因为刷新，但我无法弄清楚如何解决它

Answer 1

你需要使用＆＃34; .collapsibleset（＆＃39; refresh＆＃39;）;＆＃34;而不是＆＃34; .listview（＆＃39;刷新＆＃39;）＆＃34;

请参阅此示例for Jquery Mobile

工作Plunkr

   $('document').ready(function(){
  $('#tareas').append("<div data-role='collapsible' id='tarea1'><h3>Tarea 1</h3></div>").collapsibleset('refresh'); 
});