javascript - Rails：以表格形式获得悬停弹出窗口

Question

我正在寻找在表单中实现悬停弹出功能。我在stackoverflow上得到了类似的答案。当我实施它时，它不起作用。这是我的代码：

HTML：

<div id='user'><%= f.label :product_code, "Product code", :id => "field2" %></div>
<div id='popup'>(Your name, product and city  initials without space. e.g. MHRRJP or MHRRJP etc for MoungHalwa by Rima Ravi Jain, Pune)</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();
});
});

这是行不通的。谁能告诉错误在哪里？

Answer 1

更改您的 Javascript 以监听悬停事件field2：

$(document).ready(function() {
    $('#field2').hover(function() {
            $('#popup').show();
        }, function() {
        $('#popup').hide();
    });
});