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

Question

我有一个 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>

Answer 1

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

在这里得到了答案。