我只是将一堆代码从jQuery移植到DOJO(1.8).我在显示/隐藏DOM元素时遇到了绊脚石(可能是图层或其他任何东西).
假设我们有一个我们想要显示或隐藏的图层,没有动画.想象一下在某些事件上发生变化的Buttonbar,我不一定想要一直引入图形效果.
<div id="myLayer">hide me</div>
Run Code Online (Sandbox Code Playgroud)
在jQuery中我会这样做:
$("#myLayer").show(); // to show
$("#myLayer").hide(); // to hide
Run Code Online (Sandbox Code Playgroud)
我发现它非常漂亮和苗条.现在移植到DOJO我发现我需要执行以下操作:
require(["dojo/fx/Toggler"], function(Toggler) {
// Create a new Toggler with default options
var toggler = new Toggler({
node: "myLayer",
hideDuration: 0,
showDuration: 0
});
// Hide the node
toggler.hide();
// Show the node
toggler.show();
});
Run Code Online (Sandbox Code Playgroud)
这是8行代码与2行代码.我错过了什么吗?有没有更快的方法来做一个简单的隐藏?
非常感谢,Tobi