Question

我想动态更改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（）语句？

Answer 1

我无法重现您的声明。

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

<强>的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>

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

1 个答案: