Javascript .hover()不';不能在jQuery中工作

Javascript .hover()不';不能在jQuery中工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,已解决: 我的问题是我在jQuery生成的HTML上尝试.hover()。使用.live()方法解决了问题。 我不是一个非常有经验的前端开发人员,我有一个小问题 我正在构建一个简单版本的www.redpen.io,在悬停pin时显示评论时遇到问题。我将管脚创建为包含注释和坐标的对象。每个pin都存储在一个数组中。问题是.hover()函数实际上不起作用: $('.pin')。悬停(函数(){ $('')。在('.pins img')之前插入; var id=$(this.attr('id');

已解决: 我的问题是我在jQuery生成的HTML上尝试.hover()。使用.live()方法解决了问题。

我不是一个非常有经验的前端开发人员,我有一个小问题

我正在构建一个简单版本的www.redpen.io,在悬停pin时显示评论时遇到问题。我将管脚创建为包含注释和坐标的对象。每个pin都存储在一个数组中。问题是.hover()函数实际上不起作用:

$('.pin')。悬停(函数(){
$('

')。在('.pins img')之前插入; var id=$(this.attr('id'); console.log(id); if(pins_数组[id].posX<200){ $('.comment').css({'top':pins_数组[id].posY+55,'left':pins_数组[id].posX-40}); $('.comment.tip').css({'left':30}); } 否则{ if(pins_数组[id].posX>$('.pins img').outerWidth()-200){ $('.comment').css({'top':pins_数组[id].posY+55,'left':pins_数组[id].posX-360}); $('.comment.tip').css({'left':350}); } 否则{ $('.comment').css({'top':pins_数组[id].posY+55,'left':pins_数组[id].posX-200}); $('.comment.tip').css({'left':190}); } } $('.comment').text(pins_数组[id].comment); },函数(){ $('.comment').remove(); });


如果什么都不起作用,是否打开控制台(F12)并检查错误
。悬停(handlerIn,handlerOut)
起作用。您检查过了吗?将您的调用包装在$(document).ready(function(){…您的代码在这里…});。科斯明,你需要一步一步来。将所有代码保存到某个地方,并从一个简单的
$('.pin').hover(function(){console.log($(this))},function(){console.log($(this))})开始
您将注意到这两个函数(hoverIn和hoverOut)都可以工作。然后,一步一步地将脚本添加到工作示例中,直到您得到所需的内容,密切关注脚本的功能并广泛使用
控制台
。很高兴听到您将其整理出来,我个人不喜欢
.live()
,因为它有时会生成无法跟踪的错误。因此,根据个人经验,我建议使用
.on()
而不是
.live()
<代码>$('.existingParent')。在('.dynamicChildSelector',{mouseenter:function(){},mouseleave:function(){})上