Javascript Jquery显示/隐藏它的原因'；它不工作了？

我有一个div，我想在悬停另一个元素后显示它。它们不在同一分区中。当带有class

的图标悬停时，应显示弹出信息。选项\u 36\u 124

$（“.option_36_124”）.悬停（函数（）{
$（'.poupinfo'）.show（）；
}，函数（）{
$（'.poupinfo'）.hide（）；
});
.poupinfo{
背景：黑色；
颜色：白色；
顶部：250px；
右：527px；
位置：绝对位置；
填充：10px；
宽度：250px；
显示：无；
}
您的HTML结构需要一些修改（这样图标和内容就不是父子关系而是兄弟关系，使图标始终可见并且不依赖于内容），而且您还将.show（）和.hide（）指向了一个错误（不存在）的类。希望这有助于：


$（“.option_36_124”）.悬停（函数（）{
$（'.product_info'）.show（）；
}，函数（）{
$（'.product_info'）.hide（）；
});
。产品信息{
背景：黑色；
颜色：白色；
顶部：150px；
右：527px；
位置：绝对位置；
填充：10px；
宽度：250px；
显示：无；
}

图标（将鼠标悬停在我身上）
内容
您的HTML结构需要一些修改（这样图标和内容就不是父子相关的，而是同级的，使图标始终可见并且不依赖于内容），而且您还将.show（）和.hide（）指向了错误（不存在）的类。希望这有助于：


$（“.option_36_124”）.悬停（函数（）{
$（'.product_info'）.show（）；
}，函数（）{
$（'.product_info'）.hide（）；
});
。产品信息{
背景：黑色；
颜色：白色；
顶部：150px；
右：527px；
位置：绝对位置；
填充：10px；
宽度：250px；
显示：无；
}

图标（将鼠标悬停在我身上）
内容
这里有答案

这里有答案。
这是下面的工作检查代码


$（“.option_36_124”）.悬停（函数（）{
$（'.poupinfo'）.show（）；
}，函数（）{
$（'.poupinfo'）.hide（）；
});
.poupinfo{
背景：黑色；
颜色：白色；
顶部：250px；
右：527px；
位置：绝对位置；
填充：10px；
宽度：250px；
显示：无；
文本对齐：右对齐；
顶部：25px；
}

嗨！我现在可见
这是下面的工作检查代码


$（“.option_36_124”）.悬停（函数（）{
$（'.poupinfo'）.show（）；
}，函数（）{
$（'.poupinfo'）.hide（）；
});
.poupinfo{
背景：黑色；
颜色：白色；
顶部：250px；
右：527px；
位置：绝对位置；
填充：10px；
宽度：250px；
显示：无；
文本对齐：右对齐；
顶部：25px；
}

嗨！我现在可以看到
而不需要使用
jQuery
或任何脚本，对我来说，我更喜欢使用
:pseudo
元素，将
:hover
和
:after
组合在一起可以得到你想要的结果，而且你没有使用任何脚本，这真是太好了

纯CSS3只是：）


.fa信息圈：悬停：：之后{
内容：“嘿，我是弹出信息！”；
背景：黑色；
颜色：白色；
位置：绝对位置；
填充：10px；
宽度：250px；
左：30px；
}

如果不使用
jQuery
或任何脚本，对我来说我更喜欢使用
：pseudo
元素，将
：hover
和
：after
组合在一起可以得到你想要的结果，而且你没有使用任何脚本是件好事

纯CSS3只是：）


.fa信息圈：悬停：：之后{
内容：“嘿，我是弹出信息！”；
背景：黑色；
颜色：白色；
位置：绝对位置；
填充：10px；
宽度：250px；
左：30px；
}

如果删除显示，请共享完整的HTMLI：没有显示您希望它显示的位置？@SanchitPatiyal您可以在这里查看整个网站@Coffeebean yesWell它对我有用。请参阅。如果删除显示，请共享您的完整HTMLIf：没有显示您希望它显示的位置？@SanchitPatiyal您可以在这里查看整个网站@Coffeebean yesWell它对我有用。看。回答你自己的问题做得很好：）现在解释一下它为什么有效！可能整个JS都是在页面加载之前加载的——所以我需要等待页面加载，然后注入脚本。我认为它是这样工作的——但说实话，我不确定……我同意。它是在类退出之前运行的检查下面的我的答案，你不必使用
jQuery
Well-done来回答你自己的问题：）现在解释一下为什么它有效！可能整个JS都是在页面加载之前加载的——所以我需要等待页面加载，然后注入脚本。我认为它是这样工作的——但说实话，我不确定……我同意。它是在类退出之前运行的检查下面的我的答案，您不必使用
jQuery
$( document ).ready(function() {
$(".option_36_124").hover(function(){
    $('.poupinfo').show();
},function(){
    $('.poupinfo').hide();
});
});