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

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

javascript jquery html ibm-mobilefirst

Javascript IBM Worklight V6.1 jquery mobile v1.4.3更改动态内容，等待DOM,javascript,jquery,html,ibm-mobilefirst,Javascript,Jquery,Html,Ibm Mobilefirst,我想动态更改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的内容。我的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>

什么也没有发生，但如果我包括一个超时，它就可以正常工作。所以我的直觉是我必须等待div准备好？

但是在哪个事件上我可以等待调用.load语句呢？

我无法复制您的声明

我已经在Worklight 6.1.0.01-20140821-0406这实际上是6.1.0.2和6.2.0.00-20140918-1910中测试了以下内容，并且在通过Worklight Console预览应用程序时立即加载了page2.html：

index.html：

page2.html与index.html位于同一级别，只包含Success

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

<!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>

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