Rails：获取hoverover弹出窗体

我正在寻找在窗体中实现hoverover弹出功能。我在stackoverflow上得到了类似的问题。当我实施它时，它不起作用。下面是我的代码：Rails：获取hoverover弹出窗体

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(); 
}); 
});

这是行不通的。任何人都可以告诉错误在哪里？

来源

2013-03-11 user1977201

任何更多的细节......任何错误消息？发生什么事了？ – DickieBoy 2013-03-11 10:21:15

@DickieBoy无错误消息。它显示为没有写入弹出功能。它只是在ProductCode上悬停手动，没有任何东西弹出。在jsfiddle中检查，在那里工作，但在代码中。 – user1977201 2013-03-11 10:23:49

更改您的Javascript功能来侦听field2悬停事件：

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

来源

2013-03-11 10:49:37 Bigood

Rails：获取hoverover弹出窗体

回答

相关问题