当悬停在jQuery上时，如何使隐藏的div保持可见？

Question

我有一个令人困惑的问题。 当我的第一个div悬停在“ leftbox”上时，将显示“ rightbox”（隐藏的div），但是当未将“ leftbox”悬停在其上时，它最终消失。 但我需要“rightbox”当rightbox悬停在留可见，那么当用户的鼠标离开rightbox，那么就应该消失。 我该如何工作？ 我非常感谢您的帮助。

Answer 1

如果添加容器类，则可以正常工作。

 $(function(){ $('.container').hover(function(){ var boxId = $(this).find("[data-id]").attr('data-id'); $('#'+boxId).stop().fadeToggle(); }); });

 .leftbox { width: 100px; height: 100px; border: 1px solid black; float: left; } .rightbox { width: 100px; height: 100px; border: 1px solid black; background: #99bf8f; margin-left: 110px; display: none; } .container { float:left; }

 <!doctype html> <html> <head> <meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <link rel="stylesheet" href="test.css"> </head> <body> <div class="container"> <div class="leftbox" data-id="functionbox1"></div> <div class="rightbox" id="functionbox1"></div> </div> <script src="test.js"></script> </body> </html>

当悬停在jQuery上时，如何使隐藏的div保持可见？

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-04-02 02:57:34

当悬停在jQuery上时，如何使隐藏的div保持可见？

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-04-02 02:57:34

解决方案1
1 已采纳 2017-04-02 02:57:34