2

我有一个显示数据库中事件信息的代码。父容器的 id 是show_id. 里面show_id有一些隐藏的 div event_more_details ,其内容只有在我将鼠标悬停在父 div 上时才会显示show_id(在我的情况下,我使用的是 mouseenter 函数)。这是代码:

$('.show_event').mouseenter(function(){
    $('.event_more_details').fadeIn(500);
});

问题是,如果 php 生成五个事件,当我将鼠标悬停在一个事件上时,隐藏的 div 也会淡入所有其他父 div。

4

2 回答 2

1

如果我正确理解您的 HTML 结构,您可以使用:

$('.show_event').mouseenter(function(){
    $(this).siblings('.event_more_details').fadeIn(500);
});

.siblings()将选择器应用于兄弟元素。(文档

于 2012-11-25T09:00:40.627 回答
0

在浏览了 jquery 函数库后,我想我找到了答案:

$('.show_event').hover(function () {$(this).find('.event_more_details').fadeIn(500);}, function () {$(this).find('.event_more_details').fadeOut(500);});

这对我来说很好,顺便说一句,@Ohad 非常感谢 444 你的帮助。

于 2012-11-27T18:42:04.097 回答