0

チュートリアルから直接、次のコードがあります。

<!DOCTYPE HTML>
  <head>
    <link rel="stylesheet" href="js/dijit/themes/claro/claro.css" />
    <script src="js/dojo/dojo.js" data-dojo-config="async: 1, parseOnLoad: 1"></script>
    <script>
      require(["dojo/_base/fx", "dojo/on", "dojo/dom", "dojo/parser", "dojo/domReady!"], function(fx, on, dom, parser) 
      {
        var fadeOutButton = dom.byId("fadeOutButton"),
            fadeInButton = dom.byId("fadeInButton"),
            fadeTarget = dom.byId("fadeTarget");

        on(fadeOutButton, "click", function(evt)
        {
          fx.fadeOut({ node: fadeTarget }).play();
        });

        on(fadeInButton, "click", function(evt)
        {
          fx.fadeIn({ node: fadeTarget }).play();
        });

      });           
    </script>       
  </head>
  <body class="claro">
    <button data-dojo-type="dijit/form/Button" type="button" id="fadeOutButton">Fade block out</button>
    <button data-dojo-type="dijit/form/Button" type="button" id="fadeInButton">Fade block in</button>

    <div id="fadeTarget" style="background: red; height: 256px">
      A red block
    </div>  
  </body>
</html>

私の目標は、Dojo でボタンのスタイルを設定することです。私が見る限り、これはパーサーによって行われます。これの問題は、パーサーがボタン要素の ID を変更するため、イベントがトリガーされないことです。dojo/parser0から削除requireまたは 0 に変更parseOnLoadすると、ボタンは機能しますが、スタイルではありません。上記のコードでは、ボタンのスタイルが設定されていますが、機能しません。両方を持つことは可能ですか？

4

1 に答える 1

0

私はそれを理解したと思います-registry.byId代わりに使用する必要がありますdom.byId

于 2012-08-23T15:25:02.370 に答える