Javascript .hover()不';不能在jQuery中工作
已解决: 我的问题是我在jQuery生成的HTML上尝试.hover()。使用.live()方法解决了问题。 我不是一个非常有经验的前端开发人员,我有一个小问题 我正在构建一个简单版本的www.redpen.io,在悬停pin时显示评论时遇到问题。我将管脚创建为包含注释和坐标的对象。每个pin都存储在一个数组中。问题是.hover()函数实际上不起作用: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');
$('.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(){})上
。