javascript - 悬停链接时创建弹出窗口，就像在 facebook 中将光标放在链接上时一样，它会显示发送消息等选项

Question

我是一名 Rails 程序员，我正在尝试在悬停链接时创建一个弹出窗口。

在我的项目中，我循环遍历一个数组并显示不同的用户(例如用户图像、用户名等)。我想要一种情况，当您将光标放在用户名(这是一个链接)上时，弹出窗口将只显示该用户。

我搜索了其他一些网站，得到了一些我放在下面的 javascript 想法。但是我的代码问题是，当我将光标放在一个用户名(这是一个链接并具有链接 div)上时，所有其他用户的所有弹出 div 都会显示，而不仅仅是该用户名链接。

请问我该怎么办？

$('#link').hover(function(e) {
  $('div#pop-up').show();
  //.css('top', e.pageY + moveDown)
  //.css('left', e.pageX + moveLeft)
  //.appendTo('body');
}, function() {
  $('div#pop-up').hide();
});

html

<%= for update in @updates%>
<div id="link-pop" style="display:none"><%=update.user_type%></div> 
<div id="content">
<%= update.user_name%>
</div>
<%end%>

Answer 1

All the pop-up divs from every other user will show instead of just that user name link.

好吧，这是因为您要调用所有弹出窗口 $('div#pop-up').show();。
如果您只需要显示与该链接相关的弹出窗口，您可以通过 index() 选择它，或者如果它是 #link 的子项，则类似于 $( this).find('#popup') 将起作用。