使用 href 参数在 dojo 移动内容窗格中不显示 html答案

【问题标题】：No html displayed in dojo mobile contentpane using href parameter使用 href 参数在 dojo 移动内容窗格中不显示 html
【发布时间】：2012-04-17 18:33:12
【问题描述】：

我正在尝试实现 dojox.mobile.ContentPane 来解析来自 html 的内容。但是，根本不显示任何文本。这是我的 html 文件，由 dojox.mobile.ContentPane 解析（文件名：fragment1.html）：

<div data-dojo-type='dojox.mobile.RoundRect' shadow='true'>
  HTML fragment example
</div>

这是我的 index.html ：

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>dojox/mobile Demo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" data-dojo-config="async: true"></script>
        <script type="text/javascript">

            require(["dojox/mobile/parser", "dojox/mobile", "dojox/mobile/deviceTheme", "dojox/mobile/compat", "dojo/domReady!","dojox/mobile/ContentPane", "dojox/mobile/RoundRect", "dojox/mobile/RoundRectCategory"], function(parser) {
                parser.parse();
            });

        </script>
    </head>
    <body>

        <div id="main" data-dojo-type="dojox.mobile.View" data-dojo-props="selected: true">
            <h1 data-dojo-type="dojox.mobile.Heading">Main Menu</h1>
            <ul data-dojo-type="dojox.mobile.RoundRectList">
                <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props="moveTo: 'view-content'">
                    View Content
                </li>               
        </div>

        <div id="view-content" data-dojo-type="dojox.mobile.View">
            <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="back:'Main Menu', moveTo:'main'">This is sample content</h1>
            <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Pane1</h2>
            <div id="pane1" data-dojo-type="dojox.mobile.ContentPane" content="&lt;div data-dojo-type='dojox.mobile.RoundRect' shadow='true'&gt;Thank you!&lt;/div&gt;"></div>

            <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Pane2</h2>
            <div id="pane2" data-dojo-type="dojox.mobile.ContentPane" href="fragment1.html"></div>
        </div>

    </body>
</html>

有人有解决方案吗？谢谢。

【问题讨论】：

rahmat ：关于调试，阅读dojotoolkit.org/documentation/tutorials/1.7/dojo_config

标签： dojox.mobile

【解决方案1】：

您的片段看起来与the documentation 非常相似！我认为这里发生的事情是您的 parser.parse() 行可能执行得太早了；在 ContentPane 小部件获取外部 HTML 内容并将其插入 DOM 之前。您是否尝试过使用调试器查看加载时 DOM 中的实际内容？控制台中有什么？

无论如何，我认为您可能需要打开 ContentPane 上的 parseOnLoad: true 属性（请参阅文档）。看起来这会做你想做的事。

【讨论】：

感谢您的回答@andrew-ferrier。无论如何，作为初学者，我有一个问题。如何调试 dojo 脚本？