Question

当我将DOJO风格应用于按钮时，会显示DOJO风格的按钮以及一个小的普通按钮，任何人都可以帮助我。以下是完整的HTML代码。在此先感谢。 enter image description here

<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>

Answer 1

我在这里注意到两件事：

您关闭了按钮两次：

<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

将Dojo样式应用于按钮时显示两个按钮

1 个答案: