Question

＆＃13;

$('#input').focus(function() {
    $('#div').show();
}).blur(function(){
    $('#div').hide();
})

＆＃13;

#div {
 display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='input'>
<div id='div'><a href='www.domain.com'>Don't Forget to check the rules.<a></div>

＆＃13;

在我的代码中，我试图在聚焦时显示div但在没有聚焦的情况下隐藏它

当我点击它时，如何保持div显示？每次我尝试点击它，它再次隐藏，我想让hold鼠标在它上面。

Answer 1

也许是这样。

＆＃13;

#div {
  opacity: 0;
}

#input:focus + #div {
  opacity: 1;
}

#div:hover {
  opacity: 1;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='input'>
<div id='div'>
  <a href='www.domain.com'>Don't Forget to check the rules.</a>
</div>

＆＃13;

Answer 2

试试这个：

$('#input').focus(function() {
    $('#div').show();
}).blur(function(){
    setTimeout(function() {
    $('#div').hide();
}, 200); 
})

保持div显示，除非我点击任何东西

2 个答案: