Question

我正在寻找在表单中实现hoverover弹出功能。我在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();
    });
});

Rails：将鼠标悬停在弹出窗口中

1 个答案: