Jquery 将鼠标悬停在图像上会导致嵌套div上闪烁和鼠标移出
我在一个页面上有一系列照片,当你将鼠标悬停在它们上面时,一个白色的效果会淡入,标题和描述会出现在上面 我遇到的问题是,如果我将鼠标悬停在文本区域上,则白色效果会再次消失。这是一个奇怪的忽隐忽现的问题 我需要它的工作,使无论你在图像上悬停在哪里,它总是保持着色,无论关闭它回到正常的图像 我的代码如下Jquery 将鼠标悬停在图像上会导致嵌套div上闪烁和鼠标移出,jquery,hover,nested,flicker,Jquery,Hover,Nested,Flicker,我在一个页面上有一系列照片,当你将鼠标悬停在它们上面时,一个白色的效果会淡入,标题和描述会出现在上面 我遇到的问题是,如果我将鼠标悬停在文本区域上,则白色效果会再次消失。这是一个奇怪的忽隐忽现的问题 我需要它的工作,使无论你在图像上悬停在哪里,它总是保持着色,无论关闭它回到正常的图像 我的代码如下 $('div.project-image a img').mouseover(function() { $('div.hover').css('filter', 'alpha(opacity=
$('div.project-image a img').mouseover(function() {
$('div.hover').css('filter', 'alpha(opacity=70)');
$('div.hover', $(this).parent().parent()).fadeIn(500);
});
$('div.hover').mouseout(function() {
$('div.hover').css('filter', 'alpha(opacity=70)');
$('div.hover', $(this).parent().parent()).fadeOut(500);
});
$('div.hover').bind('click', function(e) {
window.location = $(this).parent().children('a').attr('href');
}))
使用的CSS样式有:
#content div.project-image (styles the image area)
#content div.hover (displays the white tinted image)
#content div.hover h1 (styles the title)
#content div.hover p (styles the description)
改用“mouseEnter”和“mouseLeave”事件。
对于纯javascript代码,这些事件是适当的,并且只能在IE中正确地侦听。
但是jquery规范化了它们,使它们在所有浏览器中都可以访问。
它们仅在您输入父元素时触发一次,而不是每次将鼠标悬停在每个子元素上时触发
上传足够的代码以复制问题我确实尝试过这样做,但无法让它工作。代码被分散在wordpress主题的不同部分。哇,这就解决了它!非常感谢。真不敢相信事情竟那么简单。所以这仍然是完全兼容查询的,不会引起任何问题吗?不,您应该在任何浏览器中遇到任何问题。我使用此事件作为菜单的默认设置。我很高兴它对你有用。