我一直在寻找一种方法来实现悬停弹出窗口,但没有成功。因为它在很多网站上使用,所以我认为很容易找到说明,但我想知道我是否遗漏了一些基本的东西。我查看了 qTips2 和其他几个,但这些似乎超出了我的需要。
我有一个 Rails 3.1 应用程序,当用户将鼠标悬停在表格中的一行上时,我想显示更多详细信息。这是我缺少的内置于 Rails 中的东西,还是我需要一个附加组件?
我当然会很感激有人给我指出正确的方向。
最佳答案
使用一些 CSS 和 Javascript!
这是一个您可以玩的例子:http://jsfiddle.net/cdpZg/
复制到这里,以防万一。
HTML:
<div id='user'>I am a user. Move your mouse over me</div>
<div id='popup'>Extended info about a user</div>
<div>I a piece of useless information. No use hovering over me.</div>
CSS:
#popup {
height: 50px;
width: 200px;
text-align: center;
vertical-align:middle;
background-color: cornflowerblue;
color: white;
display: none;
padding-top: 8px;
position: absolute;
}
Javascript:
$(document).ready(function() {
$('#user').hover(function() {
$('#popup').show();
}, function() {
$('#popup').hide();
});
});
关于javascript - 如何在 Rails 3.1 中创建悬停弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8608962/