Javascript 在Dojo中显示Div并隐藏其他Div
我在Dojo中创建了一些自定义导航,并且正在为拼图的最后一部分而挣扎。基本上,当鼠标悬停在“navSectionTitle”类的链接上时,将显示一个包含更多链接的div。然而,当这种情况发生时,我想隐藏所有其他div的,目前透露。下面我的分数可能会显示我正在努力实现的目标:Javascript 在Dojo中显示Div并隐藏其他Div,javascript,events,dojo,dom-events,Javascript,Events,Dojo,Dom Events,我在Dojo中创建了一些自定义导航,并且正在为拼图的最后一部分而挣扎。基本上,当鼠标悬停在“navSectionTitle”类的链接上时,将显示一个包含更多链接的div。然而,当这种情况发生时,我想隐藏所有其他div的,目前透露。下面我的分数可能会显示我正在努力实现的目标: <div class="navElement"> <a href="" class="navSectionTitle">Home Appliances &a
<div class="navElement">
<a href="" class="navSectionTitle">Home Appliances +</a>
<div class="subMenuHolder">
<ul>
<li><a href="#">Washing Machines</a>,</li>
<li><a href="#">Vacuum Cleaners</a>,</li>
<li><a href="#">Microwaves</a>,</li>
<li><a href="#">Ovens</a>,</li>
<li><a href="#">Coffee Makers</a>,</li>
<li><a href="#">Toasters</a>,</li>
<li><a href="">More</a> +</li>
</ul>
</div>
</div>
<div class="navElement">
<a href="" class="navSectionTitle">Furniture +</a>
<div class="subMenuHolder last">
<ul>
<li><a href="#">Bedroom Furniture</a>,</li>
<li><a href="#">Kitchen Furniture</a>,</li>
<li><a href="#">Living Room Furniture</a>,</li>
<li><a href="#">Outdoor Furniture</a>,</li>
<li><a href="#">Office Furniture</a>,</li>
<li><a href="#">Book Shelves</a>,</li>
<li><a href="">More</a> +</li>
</ul>
</div>
</div>
我已经尝试过各种方法,但都不能达到我正在寻找的任何帮助将不胜感激的结果 要在查询后使用next()
函数,您需要具有所需的“dojo.NodeList遍历”:
下面是一个例子,说明了如何做到这一点
dojo.query(".subMenuHolder").forEach(function(n) {
var l = dojo.query(n);
l.parent().at(0)
.onmouseenter(function(){
dojo.style(l[0], "display", "block");
})
.onmouseleave(function(){
dojo.style(l[0], "display", "none");
});
});
我假设您的.subnumholder默认情况下隐藏在此处。谢谢,但我认为您误解了我已经需要的模块的问题,如前所述,这是代码片段。谢谢,抱歉。更新了我的答案,我希望它现在更有用。谢谢Frode是的,默认情况下它们是隐藏的谢谢我会尝试一下,让你知道我进展如何。
dojo.require("dojo.NodeList-traverse");
dojo.query(".subMenuHolder").forEach(function(n) {
var l = dojo.query(n);
l.parent().at(0)
.onmouseenter(function(){
dojo.style(l[0], "display", "block");
})
.onmouseleave(function(){
dojo.style(l[0], "display", "none");
});
});