Tabs dojo1.7选项卡显示为普通div_Tabs_Dojo

Tabs dojo1.7选项卡显示为普通div

tabs dojo

Tabs dojo1.7选项卡显示为普通div,tabs,dojo,Tabs,Dojo,我试图在一个已经存在的应用程序中使用dojo实现一个选项卡控件。以下是我所做的一些工作： <head> ..... <script type="text/javascript" src="js/dojo/dojo/dojo.js')}"></script> <script type="text/javascript"> dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.l

我试图在一个已经存在的应用程序中使用dojo实现一个选项卡控件。以下是我所做的一些工作：

<head> 
.....
<script type="text/javascript" src="js/dojo/dojo/dojo.js')}"></script>
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
</script>
....
</head>
<body>
....
<div data-dojo-type="dijit.layout.TabContainer" style="width: 400px; height: 100px;" tabStrip="true">
    <div data-dojo-type="dijit.layout.ContentPane" title="title1" selected="true">
 ...content...
</div>
<div data-dojo-type="dijit.layout.ContentPane" title="title2">
...content...
</div>
</div>
....
</body>


.....
require（“dijit.layout.TabContainer”）；
require（“dijit.layout.ContentPane”）；
....
....
…内容。。。
…内容。。。
....

js加载正确（firebug没有显示错误）

当我浏览到这个页面时，我看到所有的内容div都被绘制出来，好像根本没有进行任何格式化，它们只是普通div

我的第一个猜测是，有一个css文件，我打算包括在内。我发现的所有示例都链接到一个非常复杂的css文件，它做了很多不适合我的应用程序的事情。我找不到任何关于css的解释，所以我怀疑这个猜测是错误的

有人能指出我的错误吗，或者给我指出一个简明而最新的例子的方向吗？

小部件已经创建了吗？在浏览器的控制台中运行

dijit.registry

，将显示已创建的小部件

如果尚未创建它们，则需要配置dojo来解析html

<script type="text/javascript" src="dojo/dojo.js"
  data-dojo-config="parseOnLoad: true"></script>

Dojo使用主题为小部件提供外观。要实现这一点，您应该添加以下css：

<link type="text/css" rel="stylesheet" href="dijit/themes/dijit.css" />
<link type="text/css" rel="stylesheet" href="dijit/themes/claro/claro.css" />

并将claro类添加到body节点：

<body class="claro"/>

@Sheena，是解析、css还是两者都是问题所在？