IBM Worklight V6.1 jquery mobile v1.4.3更改动态内容，等待DOM

IBM Worklight V6.1 jquery mobile v1.4.3 change dynamic content, wait for DOM

本文关键字：动态 DOM 等待 V6 Worklight jquery mobile v1 IBM      更新时间：2023-09-26

我想动态更改div的内容。我的html页面看起来像这个

<!DOCTYPE HTML>
<html>
...
<body>
   <div data-role="page">
      <div data-role="header">
         //Image
      </div>
      <!-- This is a placeholder for dynamic page content -->
      <div id="pagePort"></div>
   </div>
</body>
</html>

在wlCommonInit（）中，我称之为：

$("#pagePort").load("page2.html", function(){
});

什么也没发生，但如果我包括一个超时，它会正常工作。所以我的直觉是，我必须等待div准备好
但是，在哪个事件上，我可以等待调用.load（）语句？

我无法复制您的索赔。

我在Worklight 6.1.0.01-2014 0821-0406（实际上是6.1.0.2）和6.2.0.00-2014 0918-1910中测试了以下内容，并在通过Worklight控制台预览应用程序时显示应用程序时立即加载的page2.html中测试了这些内容：

index.html:

<!DOCTYPE HTML>
<html>
        <head>
            <meta charset="UTF-8">
            <title>index</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
            <link href="jqueryMobile/jquery.mobile-1.4.4.css" rel="stylesheet">
            <link rel="stylesheet" href="css/main.css">
            <script>window.$ = window.jQuery = WLJQ;</script>
            <script src="jqueryMobile/jquery.mobile-1.4.4.js"></script>
        </head>
        <body style="display: none;">
            <div data-role="page" id="page">
                <div data-role="content" style="padding: 15px">
                    <div data-role="header">
                    Header
                    </div>
                    <div id="pagePort"></div>
                </div>
            </div>
            <script src="js/initOptions.js"></script>
            <script src="js/main.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>

main.js:

function wlCommonInit(){
    $("#pagePort").load("page2.html");
}

page2.html与index.html位于同一级别，仅包含<h1>Success</h1>

相关文章：