2011-02-14 57 views
0

我已經下載了這個版本,並試圖從文檔中運行一個示例。 擴大道場下載後,我的道場dir是:設置Dojo版本1.5.0

js/dojo-release-1.5.0/dijit 
js/dojo-release-1.5.0/dojo 
js/dojo-release-1.5.0/dojox 

的按鈕顯示出來,但隱藏按鈕不會隱藏股利。 我是否需要添加其他Dojo庫以及對dojo.js的引用?

<script type="text/javascript" language="JavaScript" src="/js/dojo-release-1.5.0/dojo/dojo.js"></script> 

<script type="text/javascript"> 

dojo.require("dijit.form.Button"); 

dojo.addOnLoad(function() { 
    var node = dojo.byId("findMe"); 
    dojo.connect(dijit.byId("buttonOne"), "onClick", function() { 
     dojo.fadeOut({ 
      node: node, 
      duration: 300 
     }).play(); 
    }); 
    dojo.connect(dijit.byId("buttonTwo"), "onClick", function() { 
     dojo.fadeIn({ 
      node: node, 
      duration: 300 
     }).play(); 
    }) 
}); 

HTML:

<button dojoType="dijit.form.Button" id="buttonOne"> 
Hide Me! 
</button> 
<button dojoType="dijit.form.Button" id="buttonTwo"> 
Show Me! 
</button> 
<div id="findMe"> 
Hiya! 
</div> 

回答

1

有一對夫婦的事情,你可能會丟失。正如Daniel所說,將parseOnLoad=true作爲djConfig參數添加將有所幫助。另外,您可以添加djConfig PARAMS爲您的dojo.js腳本標籤前的全球JS變量,即

<script> 
    var djConfig = { 
    parseOnLoad: true 
    } 
</script> 

最後一種選擇是自己手動調用解析器。要做到這一點,修改您的JS到:

dojo.require("dijit.form.Button"); 
// You need to manually require the parser if you're going to call it yourself 
dojo.require("dojo.parser"); 

dojo.addOnLoad(function() { 
    var node = dojo.byId("findMe"); 
    dojo.connect(dijit.byId("buttonOne"), "onClick", function() { 
     dojo.fadeOut({ 
      node: node, 
      duration: 300 
     }).play(); 
    }); 
    dojo.connect(dijit.byId("buttonTwo"), "onClick", function() { 
     dojo.fadeIn({ 
      node: node, 
      duration: 300 
     }).play(); 
    }) 

    // New line, parse the doc 
    dojo.parser.parse(); 
}); 

而且要對它進行解析,您可能需要添加一個主題(你沒有提到的,如果你這樣做或沒有)。最簡單的方法是將類名添加到body標籤並導入css。

... 
    <link rel="stylesheet" type="text/css" href="/js/dojo-release-1.5.0/dijit/themes/claro/claro.css"> 
</head> 
<body class="claro"> 
    ... 
</body> 

http://telliott.net/dojoExamples/dojo-buttonHelloWorld.html包含所有這一切爲你工作的一個例子,隨意去的嬰兒牀。

閱讀http://dojotoolkit.org/reference-guide/djConfig.html#djconfighttp://dojotoolkit.org/reference-guide/dijit/info.html#dijit-info也可能是一個好主意。

HTH。

湯姆

0

嘗試添加djConfig = 「parseOnLoad:真」 時的dojo.js添加到頁面。

例如:

<script type="text/javascript" language="JavaScript" src="/js/dojo-release-1.5.0/dojo/dojo.js" djConfig="parseOnLoad:true"></script> 

//丹尼爾

+0

沒有工作 – bmw0128 2011-02-15 17:22:15