我的问题是餐馆网站。
我想开发一个显示所有食品的目录。 在每个食品项目上,当用户将鼠标悬停在该食品上时,会显示详细信息。
在该图像上方出现一个div,其中包含用户必须从下拉列表中选择餐馆名称的详细信息,以获取该餐馆中食品的价格。但是当鼠标越过下拉框时,div会显示鼠标按下的细节。但悬停属性不会保留。
两者,细节和下拉列表都在同一个div上。
答案 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();