小编Tob*_*sse的帖子

从jquery()移植的dojo show()和hide()

我只是将一堆代码从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

javascript jquery dojo

4
推荐指数
1
解决办法
5834
查看次数

标签 统计

dojo ×1

javascript ×1

jquery ×1