如何讓隱藏的div在jQuery懸停時保持可見狀態？

我有一個令人困惑的問題。當我的第一個div「leftbox」懸停時，顯示「rightbox」（隱藏的div），但是當「leftbox」沒有被覆蓋時，它最終會消失。但是當rightbox懸停時，我需要「rightbox」保持可見狀態，然後當用戶的鼠標離開rightbox時，然後它應該消失。我怎樣才能使這個工作？我真的很感激幫助。如何讓隱藏的div在jQuery懸停時保持可見狀態？

來源

2017-04-02 confused5000

如果你添加一個容器類，它工作正常。

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

.leftbox { 
 
\t width: 100px; 
 
\t height: 100px; 
 
\t border: 1px solid black; 
 
\t float: left; 
 
} 
 
.rightbox { 
 
\t width: 100px; 
 
\t height: 100px; 
 
\t border: 1px solid black; 
 
\t background: #99bf8f; 
 
\t margin-left: 110px; 
 
\t 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> \t \t \t 
 
</body> 
 
</html>

來源

2017-04-02 02:57:34 Neil

哇，謝謝！你救了我的命！！ – confused5000

沒問題！如果你可以標記爲答案，這將有很大幫助。 – Neil

我是，但我不斷收到一個錯誤，我不得不等待5分鐘。對不起，我會等到計時器結束爲止 – confused5000

如何讓隱藏的div在jQuery懸停時保持可見狀態？

回答

相關問題