Javascript 使用JQuery动态创建div并在新div中添加div_Javascript_Jquery_Html_Cordova_Jquery Mobile

Javascript 使用JQuery动态创建div并在新div中添加div

javascript jquery html cordova jquery-mobile

Javascript 使用JQuery动态创建div并在新div中添加div,javascript,jquery,html,cordova,jquery-mobile,Javascript,Jquery,Html,Cordova,Jquery Mobile,我正在尝试使用下面的查询从数据库中为我的phonegap应用程序动态创建带有div的页面。为了保持简单，数据库只有两列，“ID”和“Data”：函数查询成功顺序（发送、结果）{ log（“成功查询表”）； var len=results.rows.length；对于（var i=0；ijQuery Mobile文档在这种情况下非常糟糕。如果我理解正确，您希望在完全动态生成的页面上刷新css。jQM文档声明使用此语法。trigger（'create'），但不幸的是，它在jQM中不起作用在您

我正在尝试使用下面的查询从数据库中为我的phonegap应用程序动态创建带有div的页面。为了保持简单，数据库只有两列，“ID”和“Data”：

函数查询成功顺序（发送、结果）{
log（“成功查询表”）；
var len=results.rows.length；
对于（var i=0；ijQuery Mobile文档在这种情况下非常糟糕。如果我理解正确，您希望在完全动态生成的页面上刷新css。jQM文档声明使用此语法。trigger（'create'），但不幸的是，它在jQM中不起作用
在您的情况下，应使用以下语法：
$("#index").trigger("pagecreate");

下面是此解决方案的一个示例：
尝试向s添加一些内容。没有内容或只有空格的div呈现不同。您的动态DOM结构是您所期望的吗？如果不是，它看起来是什么样子？我用div的更正更新了代码，使其包含数据。注意：我的同事中已经有了这个您是否尝试调用（'coi1'）。触发器（'create'）？我会将其用于我创建的每个新div元素吗？这对完全100%的动态div如何工作？您的示例将新项目放在另一个div中。您会如何将您添加的块附加到页面正文中？另外，我正在丢失导航栏中的CSS，我不知道为什么，我尝试了pagecreate和refresh tr这在任何动态容器（div等）中都可以正常工作，只要它在.trigger（“pagecreate”）之前附加到页眉、内容或页脚。另外，我对您的示例中的导航栏没有问题，因此您的代码中可能有进一步的错误，如果没有源示例，sry将无法帮助您解决此问题。
    <body id="body">

<div data-role="page" id="coi1" data-theme="b">
    <div data-role="header" data-theme="b" id="coi_header1">
        <h1>ID #1</h1>
        <a href="#page" data-icon="home" data-iconpos="notext" id="intro" class="ui-btn-right"></a>
            <div data-role="navbar" data-theme="b" id="coi_navbar1">

                         <ul>
                           <li><a href="#COI1">COI</a></li>
                           <li><a href="#COP1">COP</a></li>
                           <li><a href="#COQ1">COQ</a></li>
                         </ul>
            </div>
    </div>
    <div data-role="content" data-theme="b" id="infoGuts1">
           ID:1<br />
           Data: asd <br />
    </div>
    <div data-role="footer" data-position="fixed" class="footer-docs" data-theme="b" id="coi_footer1">
     <p>footer</p>  
    </div>
</div>

<div data-role="page" id="coi2" data-theme="b">
    <div data-role="header" data-theme="b" id="coi_header2">
        <h1>ID #2</h1>
        <a href="#page" data-icon="home" data-iconpos="notext" id="intro" class="ui-btn-right"></a>
            <div data-role="navbar" data-theme="b" id="coi_navbar2">
                          <ul>
                           <li><a href="#COI2">COI</a></li>
                           <li><a href="#COP2">COP</a></li>
                           <li><a href="#COQ2">COQ</a></li>
                         </ul>              
            </div>
    </div>
    <div data-role="content" data-theme="b" id="infoGuts2">
            ID:2<br />
           Data: asd <br />
    </div>
    <div data-role="footer" data-position="fixed" class="footer-docs" data-theme="b" id="coi_footer2">
     <p>footer</p>  
    </div>
</div>

Doing this for each ID

</body>

$("#index").trigger("pagecreate");