Question

这是我的布局和我的javascript：http://jsfiddle.net/HRDNK/1/

将鼠标悬停在头像和名称上，可以看到出现2个弹出窗口。它们只是隐藏在Hover上。我正在使用一个名为hoverIntent的插件来管理超时。

我的问题是我无法更改此布局：用户名和头像是单独呈现的，我的代码附加到它们两个但我希望事件不会在它已经为同一个用户触发时触发。如您所见，有2个“.title_list”具有相同的id，因为id是在呈现期间根据用户的id定义的。

我需要的是为同一个用户提供相互独立的悬停事件。如果不可能，事件可以排除任何其他类型的.title_list事件，直到它消失。

我试图保留触发ID的全局列表，但是它进入竞争状态并且没有按预期工作。

Answer 1

基本上这个想法是在显示所选的气球之前隐藏所有气球。

if(list.children().length>0) {
   $(".title_list").hide();
   list.fadeIn(300);
}

当然，为了优化，您应该创建以前对$(".title_list")的引用，这样您每次悬停个人资料时都不需要找到这些元素