在Dojo中使用代码练习:权威指南

时间:2015-07-15 14:22:50

标签: javascript dojo

我正在尝试使用本书中提供的代码示例来学习Dojo。我所做的是将代码转录到Adobe Brackets中,然后在Firefox中打开html文件。但是,我没有得到本书所期望的结果。如何成功学习本书中的代码示例?我该如何正确使用这本书?

非常感谢!!

我试图执行的代码示例;结果是一个按钮,说“点击我”,但是当我点击时,控制台中没有任何反应:                   按钮点击的乐趣!

    <link rel="stylesheet" type="text/css"
      href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css" />
    <link rel="stylesheet" type="text/css"
      href="http://o.aolcdn.com/dojo/1.1/dijit/themes/tundra/tundra.css" />

    <script
        djConfig="parseOnLoad:true"
        type="text/javascript"
        src="http://o.aolcdn.com/dojo/1.1/dojo/dojo.xd.js"
    ></script>

    <script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dijit.form.Button");
        dojo.addOnLoad(function(  ) {
            dojo.connect(dojo.byId("foo"), "onclick", function(evt) {
                console.log("connect fired for DOM Node onclick");
            });

            dojo.connect(dijit.byId("foo"), "onclick", function(evt) {
                console.log("connect fired for dijit onclick");    //never!
            });

            dojo.connect(dijit.byId("foo"), "onClick", function(evt) {
                console.log("connect fired for dijit onClick");
            });
        });
    </script>
</head>
<body class="tundra">
    <button id="foo" dojoType="dijit.form.Button" onclick="foo">click me
        <script type="dojo/method" event="onClick" args="evt">
            console.log("Button fired onClick");
        </script>
    </button>
</body>

1 个答案:

答案 0 :(得分:1)

Dojo:权威指南是一本旧书 - 自发布以来,Dojo经历了许多重大变化。最好使用online documentation,这将使您开始使用现代Dojo。