当我将 DOJO 风格应用于按钮时,DOJO 风格的按钮会与一个小的普通按钮一起显示,谁能帮我解决这个问题。下面是完整的 HTML 代码。提前致谢。
<html>
<head>
<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.2.0/dijit/themes/tundra/tundra.css";
</style>
<script>
dojoConfig = {
async : true,
parseOnLoad : true
}
</script>
<script
src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
require([ "dojo/parser", "dijit/form/Button" ], function(parser) {
parser.parse();
});
</script>
</head>
<body class="tundra">
<button dojoType="dijit.form.Button" type="button" />
Greetings
</button>
</body>
最佳答案
我在这里注意到两件事:
您要关闭按钮两次:
<button dojoType="dijit.form.Button" type="button" />
Greetings
</button>
看看第一行的末尾,您正在结束 <button>
使用 />
,这意味着您也将关闭按钮。将其替换为:
<button dojoType="dijit.form.Button" type="button">
Greetings
</button>
我注意到的第二件事是您正在加载旧版本的 Tundra 主题。您使用的是 Dojo 1.9.2,但您使用的是 1.2.0 的 Tundra 主题。尝试通过以下方式替换您的样式表:
http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dijit/themes/tundra/tundra.css
关于html - 将 Dojo 样式应用于按钮时显示的两个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23707110/