Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将鼠标悬停在上方时是否显示特定的向下滚动图标?_Javascript_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 将鼠标悬停在上方时是否显示特定的向下滚动图标?

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

我有下面的图标。。。当鼠标悬停在圆形图标上时。。。我想在下面显示向下滚动的图标。但下面的js显示了两个图标向下滚动。我怎样才能只显示下面的具体内容

//悬停时显示向下滚动箭头 $'.container flow wrapper.circle图标' .mouseenterfunction{ $'.container flow wrapper.icon向下滚动'.css{'visibility':'visible'}; } .鼠标移动功能{ $'.container flow wrapper.icon向下滚动'.css{'visibility':'hidden'}; };
您需要将鼠标悬停的项目的子元素作为目标。像这样的方法应该会奏效:

$('.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的子代?啊,是的,当然不是子代。我会用密码笔帮你修改我的答案!这在你的代码笔中起作用,所以应该没问题