我正在尝试使用dojo.NodeList.instantiate方法来渲染dijits，该方法采用现有的HTML元素，并在DOM加载后将它们转换为dijits。
可以在here中找到instantiate方法的API参考。
下面的示例在instantiate方法中调用dojo.addOnLoad方法，应创建具有两个BorderContainer实例的ContentPane，但是DIV会在开始时保持不变，并且不会变为dijits：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dijit Test</title>
<style type="text/css">
@import "dojoroot/dijit/themes/tundra/tundra.css";
@import "dojoroot/dojo/resources/dojo.css";
</style>
<script type="text/javascript" src="dojoroot/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.addOnLoad(
function() {
dojo.query("#divOuter").instantiate(
dijit.layout.BorderContainer, {
design : 'sidebar',
gutters : false
}
);
dojo.query("#divMiddle").instantiate(
dijit.layout.ContentPane, {
region : 'center'
}
);
dojo.query("#divRight").instantiate(
dijit.layout.ContentPane, {
region : 'right',
splitter : true
}
);
}
);
</script>
</head>
<body>
<div id="divOuter" style="width:400px;height:300px">
<div id="divMiddle">Middle box</div>
<div id="divRight">Right box</div>
</div>
</body>
</html>
我已经在Firefox 3.5和Internet Explorer 7中都尝试了上面的代码，但是都无法渲染dijits。如果我在属性对象中指定标准HTML属性（例如
style属性），则此样式更改将正确显示，表明正在读取该对象：// The red border appears when using this example
dojo.query("#divRight").instantiate(
dijit.layout.ContentPane, {
region : 'right',
splitter : true,
style : 'border:1px solid red'
}
);
以下HTML（使用
dojoType和其他属性属性）可以正常工作-BorderContainer和ContentPanes在两种浏览器中均正确显示：<div dojoType="dijit.layout.BorderContainer" design="sidebar" gutters="false"
style="width:400px;height:300px">
<div dojoType="dijit.layout.ContentPane" region="center">Middle box</div>
<div dojoType="dijit.layout.ContentPane" region="right" splitter="true"
style="width:200px;">Right box</div>
</div>
请谁能告诉我为什么
instantiate示例不起作用？我已经做了很多搜索，但是似乎找不到其他人遇到这个问题，这可能意味着我没有正确使用
instantiate方法！谢谢。
最佳答案
实例化后，您需要在这些dijit上调用启动。 dojo.query.instantiate不会为您执行此操作，因为它只是创建对象。
在onLoad函数的底部，添加以下内容：
dijit.byId('divOuter').startup();
dijit.byId('divMiddle').startup();
dijit.byId('divRight').startup();