Dijit第一个教程

时间:2013-02-12 20:55:22

标签: javascript dojo

我知道这将是一个非常愚蠢的问题,但自从我上次开发一些javascript以来已经过去了几年。 我想刷一下,所以我决定学习一些道场。 问题是我无法让这个简单的Dijit示例工作 据我所知,它应该生成一个带有Click Me标签的按钮,但我唯一得到的是一个空按钮。似乎脚本没有被执行。我做错了什么?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test Dijit</title>
    <!-- load Dojo -->
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
</head>
<body class="claro">
    <button id="btn"></button>
        <script>
        require(["dijit/form/Button", "dojo/domReady!"], function(Button) {
            var button = new Button({
                label: "Click Me!",
                onClick: function(){ console.log("First button was clicked!"); }
            }, "btn");
            button.startup();
        });
    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

如果您使用file:// URL(或双击该文件)加载页面,则由于您用于加载样式表和dojo的无架构URI,它将无法工作。< / p>

尝试在相应链接&amp;中的前导斜线对之前添加协议“http”。脚本标签。

另见Can I change all my http:// links to just //?