gpt4 book ai didi

javascript - 边界容器在道场中未按预期工作

转载 作者:行者123 更新时间:2023-12-03 09:56:58 24 4
gpt4 key购买 nike

我正在 dojo 中尝试 bordercontainer 的基本示例,下面是它的 html 代码,但它没有显示所需的输出。谁能告诉我我在这里做错了什么。这个示例代码是我仅从 dojo 教程中获取的,而且我在 firebug 中也没有收到任何错误。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ICN Layout</title>

</head>
<body>
<!-- load Dojo -->
<script>dojoConfig = {parseOnLoad: true}</script>
<script src="dojo/dojo.js">
</script>
<script>
require([
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dojo/domReady!"
], function(BorderContainer, ContentPane){
// create a BorderContainer as the top widget in the hierarchy
var bc = new BorderContainer({
style: "height: 300px; width: 500px;"
});

// create a ContentPane as the left pane in the BorderContainer
var cp1 = new ContentPane({
region: "left",
style: "width: 100px",
content: "hello world"
});
bc.addChild(cp1);

// create a ContentPane as the center pane in the BorderContainer
var cp2 = new ContentPane({
region: "center",
content: "how are you?"
});
bc.addChild(cp2);

// put the top level widget into the document, and then call startup()
bc.placeAt(document.body);
bc.startup();
});
</script>
</body>
</html>

最佳答案

我不知道您的 dojo/dojo.js 文件是否正确加载,但我在您的代码中没有看到所需的 dojo css 文件。确保包含这些内容(根据您使用的主题)。例如:

<link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/resources/dojo.css'>

<link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css'>

这里有两个工作示例,展示了您的代码的工作情况:

笔:http://codepen.io/kyledodge/pen/RPVjgY

fiddle :http://jsfiddle.net/6v0x0jue/2/

关于javascript - 边界容器在道场中未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30700742/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com