0

フォームにホバーオーバー ポップアップ機能を実装することを探しています。同様の質問があり、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();
});
});

これは機能していません。誰がエラーがどこにあるのか教えてもらえますか?

4

1 に答える 1

0

ホバー イベントをリッスンするように Javascript を変更しますfield2。

$(document).ready(function() {
    $('#field2').hover(function() {
            $('#popup').show();
        }, function() {
        $('#popup').hide();
    });
});
于 2013-03-11T10:49:37.750 に答える