javascript - jQuery显示/隐藏为什么不起作用？

悬停另一个元素后，我想显示div。他们不在同一个div中。悬停类别为.option_36_124的图标时应显示弹出信息

$(".option_36_124").hover(function() {
  $('.poupinfo').show();
}, function() {
  $('.poupinfo').hide();
});

.poupinfo {
  background: black;
  color: white;
  top: 250px;
  right: 527px;
  position: absolute;
  padding: 10px;
  width: 250px;
  display: none;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="product_info"><i class="fa fa-info-circle option_36_124"></i></span>

最佳答案

$( document ).ready(function() {
$(".option_36_124").hover(function(){
    $('.poupinfo').show();
},function(){
    $('.poupinfo').hide();
});
});

在这里得到答案。

关于javascript - jQuery显示/隐藏为什么不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47157323/