Dojo切换隐藏并显示Divs

前端之家收集整理的这篇文章主要介绍了Dojo切换隐藏并显示Divs前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做了一些搜索,并提出了很多混合的结果,使用Dojo来切换显示vs隐藏的div.

>有些使用dojo.style看起来可能已被dojo.fx替代
>有些使用dijit,因此无法访问DOM节点.
有些使用show()和hide()
有些改变了CSS

我似乎无法让任何人上班.

有人可以请我指点一下最新的说明.

解决

使用以下组合…

dojo.addOnLoad(function() {
      dojo.style(dojo.byId('myDiv'),"display","none");
});

并切换它

function toggleDivs(){
    if(   dojo.style(dojo.byId('myDiv'),"display") == "none"){
        dojo.style(dojo.byId('myDiv'),"block");
        dojo.style(dojo.byId('myDiv2'),"none");
    } else {
        dojo.style(dojo.byId('myDiv'),"none");
        dojo.style(dojo.byId('myDiv2'),"block");
    }
}
为什么不使用dojo.fx.Toggler?
var toggler = new dojo.fx.Toggler({

        node: "basicNode"

    });

    dojo.connect(dijit.byId("showButton"),"onClick",toggler,"show");
    dojo.connect(dijit.byId("hideButton"),"hide");
}`

从dojo reference-guide

The functions Toggler.show() and Toggler.hide() both return the animation object for the animation in play. This object can be used to stop,pause,set the current animation location ‘percentage’,and get the status of the animation.

猜你在找的Dojo相关文章