Javascript 将鼠标悬停在上方时是否显示特定的向下滚动图标?
我有下面的图标。。。当鼠标悬停在圆形图标上时。。。我想在下面显示向下滚动的图标。但下面的js显示了两个图标向下滚动。我怎样才能只显示下面的具体内容 //悬停时显示向下滚动箭头 $'.container flow wrapper.circle图标' .mouseenterfunction{ $'.container flow wrapper.icon向下滚动'.css{'visibility':'visible'}; } .鼠标移动功能{ $'.container flow wrapper.icon向下滚动'.css{'visibility':'hidden'}; };Javascript 将鼠标悬停在上方时是否显示特定的向下滚动图标?,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我有下面的图标。。。当鼠标悬停在圆形图标上时。。。我想在下面显示向下滚动的图标。但下面的js显示了两个图标向下滚动。我怎样才能只显示下面的具体内容 //悬停时显示向下滚动箭头 $'.container flow wrapper.circle图标' .mouseenterfunction{ $'.container flow wrapper.icon向下滚动'.css{'visibility':'visible'}; } .鼠标移动功能{ $'.container flow wrapper.ic
您需要将鼠标悬停的项目的子元素作为目标。像这样的方法应该会奏效:
$('.container-flow-wrapper .circle-icon')
.mouseenter(function() {
$(this).parents().children('.icon-scroll-down').css({'visibility':
'visible'});
})
.mouseleave(function() {
$(this).parents().children('.icon-scroll-down').css({'visibility':
'hidden'});
});
注意this关键字的用法。当用美元符号括在括号中时,如so$this,表示仅针对我当前悬停的元素。使用上下文this关键字,但请阅读第二部分:
$function{
//悬停时显示向下滚动箭头
$'.container流包装器'
.mouseenterfunction{
$this.find'.icon向下滚动'.css{
“可见性”:“可见”
};
}
.鼠标移动功能{
$this.find'.icon向下滚动'.css{
“可见性”:“隐藏”
};
};
};
你能帮我编一个片段或用一个?。。。只是做了一把小提琴。如下所述。。。我只想让它在悬停时显示。圆圈是伊科尼做的。。。但不,我意识到我只想在鼠标悬停时显示图标向下滚动。圆圈图标。。。而不是容器流包装器。“这怎么可能是唐?”菲利浦肯定。别担心,可能是因为你没有回答问题?OP想知道如何在.container flow wrapper的悬停处显示向下滚动的图标。圆圈图标不在.container flow wrapper的悬停处。@bert Ah。可能是吧。我没有看到更新的问题。谢谢你,伙计谢谢但我需要它停在上面。圆圈图标。你知道这是怎么做到的吗?我已经修改了我的答案为你做到这一点!它不起作用了。请参阅:。我猜是因为.icon scroll down不是.container flow wrapper.circle icon的子代?啊,是的,当然不是子代。我会用密码笔帮你修改我的答案!这在你的代码笔中起作用,所以应该没问题