JQuery在多个图像的鼠标上方切换可见性

在使用简单的jquery鼠标悬停函数时遇到问题

我有许多动态生成的图标，当我悬停时会显示隐藏的div，当我离开时会隐藏div

 <div class='lister1'>
   <img src='"+path+stat1+"' />
   <img src='"+path+stat2+"' />
   <img src='"+path+stat3+"' />
   <img src='"+path+stat4+"' />
   <img src='"+path+stat5+"' />
   <img src='"+path+stat6+"' />
 </div>

这将显示div，但不幸的是不会隐藏它

试试这个

$(document).on('hover','.lister1 img', function(){
$('.hover_pop').show()}, function(){
    $('.hover_pop').hide();
});

您已经在前面的末尾关闭了第一个函数的大括号

已编辑

$(document).on({
   mouseover: function() {
       $('.hover_pop').show()
   },
   mouseout: function() {
       $('.hover_pop').hide()
   } 
}, '.lister1 img');​

---

从jQuery 1.8开始，使用

悬停

事件和

打开

方法是不推荐的，您可以编码：

$(document).on({
   mouseenter: function() {
       $('.hover_pop').show()
   },
   mouseleave: function() {
       $('.hover_pop').hide()
   } 
}, '.lister1 img');

---

谢谢你指出我愚蠢的错误：）但不幸的是，这仍然不起作用-现在不显示悬停上的div。我想在我的代码中可能有其他地方的冲突太好了-谢谢你的输入。现在这对我来说很好：）

$(document).on({
   mouseenter: function() {
       $('.hover_pop').show()
   },
   mouseleave: function() {
       $('.hover_pop').hide()
   } 
}, '.lister1 img');