继续关注父div jquery

时间:2014-03-14 10:36:49

标签: jquery

我的问题是餐馆网站。

我想开发一个显示所有食品的目录。 在每个食品项目上,当用户将鼠标悬停在该食品上时,会显示详细信息。

在该图像上方出现一个div,其中包含用户必须从下拉列表中选择餐馆名称的详细信息,以获取该餐馆中食品的价格。但是当鼠标越过下拉框时,div会显示鼠标按下的细节。但悬停属性不会保留。

两者,细节和下拉列表都在同一个div上。

2 个答案:

答案 0 :(得分:0)

只是猜猜,因为没有任何HTML或JavaScript代码可以做出更好的答案,所以我会做出假设。

如果您在悬停图片时显示div.details,但是当您将鼠标悬停在图像上时您不想隐藏该div,则在将鼠标移出img的父级时需要它。

$("#divParent img").mouseover(function(){
    $("#divDetails").show();
});

$("#divParent").mouseout(function(){
    $("#divDetails").hide();
});

请告诉我,如果这不符合您的情况,那么请提供更多信息,以便我们为您提供更好的答案。

答案 1 :(得分:0)

根据我从您的描述中理解的内容,尝试将以下两个属性用作同一个DIV的子项。

$(this).parent().focus();