Javascript 在我的例子中，Hover（）jquery无法正常工作

我的问题是我的孩子是绝对位置，我必须这样做。我不能使用hover函数将鼠标悬停到子对象，因为它是从我的选择器悬停出来的。我花了几个小时解决这个问题，但失败了

我的代码如下：

$（函数（）{
$（“#hdCallUs”）.hover（函数（）{
$（'.contact_number'）.show（）；
}，函数（）{
$（'.contact_number'）.hide（）
});
});
ul，li{
列表样式：无
}
#hdCallUs.call_txt{
光标：指针；
浮动：对；
}
#hdCallUs。联系电话{
显示：块；
列表样式：无；
位置：绝对位置；
顶部：40px；
宽度：155px；
背景：#fff；
右：0；
文本对齐：右对齐；
边框：1px实心#ddd；
边界顶部：0；
填充：0；
}
#hdCallUs。请与李联系{
填充：8px；
浮动：无；
边框底部：1px实心#ddd；
光标：指针；
}
#hdCallUs.联系电话李：最后一个孩子{
边界底部：0；
}
#hdCallUs.联系电话李：悬停{
背景#F9F9F9；
}


现在打电话

999
888


$（函数（）{
$（“#hdCallUs.call_txt”）.hover（函数（）{
$（'.contact_number'）.show（）；
});
$（“#hdCallUs”）.mouseleave（函数（）{
$（this.find（'.contact_number'）.hide（）；
});
});
ul，li{
列表样式：无
}
#hd愈伤组织{
显示：内联块；
浮动：对；
}
#hdCallUs.call_txt{
光标：指针；
显示：块；
文本对齐：右对齐；
宽度：100%；
}
#hdCallUs。联系电话{
显示：块；
列表样式：无；
顶部：40px；
宽度：155px；
背景：#fff；
右：0；
文本对齐：右对齐；
边框：1px实心#ddd；
边界顶部：0；
填充：0；
}
#hdCallUs。请与李联系{
填充：8px；
浮动：无；
边框底部：1px实心#ddd；
光标：指针；
}
#hdCallUs.联系电话李：最后一个孩子{
边界底部：0；
}
#hdCallUs.联系电话李：悬停{
背景#F9F9F9；
}


现在打电话

999
888

试试这个

$("#hdCallUs").hover(function(){
     $('.contact_numbers').show();
}).mouseleave(function(){
   $('.contact_numbers').hide();
});

$（“#hdCallUs，.联系电话号码”）。悬停（function（）{/code>或
$（“#hdCallUs，#hdCallUs*”）。悬停（function（）
@Tushar-Try），如果你现在悬停调用，然后向左悬停，子容器不会隐藏。现在试试，右侧的浮动会扭曲父容器的高度。“整页”按钮在里面，这样代码视图将鼠标移到
hdCallUs
div的外面-这在您自己的站点中应该不是问题。u的哪一行发生了变化？在CSS中从第4行变为第20行。