jquery animate不透明度对其他div有影响吗？奇怪的行为

发布于 2024-10-13 18:15:00 字数 269 浏览 3 评论 0原文

我有一个非常奇怪的 jquery 行为。我想制作一个带有动画图块的类似网格的背景（鼠标悬停和鼠标离开时不透明度为 0.8，并返回到 0.25）。

因为这应该是我的背景，所以它不应该对我的内容 div 产生影响。

不幸的是它没有按预期工作。内容 div（出于测试目的，我将其涂成红色）也变得动画。

这是网站链接。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

过期以后 2024-10-20 18:15:00

部分问题可能是，当您将鼠标悬停在背景图块上时，事件会冒泡到内容 div。您可以尝试在事件侦听器中的某个位置执行此操作：

e.stopPropagation();

Part of the problem could be that, when you mouseover the background tiles, the event is bubbling up to the content div. You could try doing this somewhere in your event listeners:

e.stopPropagation();

回复收藏 0 原文

甜是你 2024-10-20 18:15:00

我正在调整您的代码以使用 .hover() 事件而不是杂耍 mouseover/mouseout，我还使用 fadeTo 而不是手动设置不透明度动画。

$(document).ready(function() {
    $('#page-bg ul li img.keyword').hover(function(){
            $(this).fadeTo('slow',0.8);
        }, 
        function() {
            $(this).fadeTo('slow',0.25);
        });     
    ...
});

I'm adjusting your code to use the .hover() event instead of juggling mouseover/mouseout, also I'm using fadeTo instead of manually animating opacity.

$(document).ready(function() {
    $('#page-bg ul li img.keyword').hover(function(){
            $(this).fadeTo('slow',0.8);
        }, 
        function() {
            $(this).fadeTo('slow',0.25);
        });     
    ...
});

回复收藏 0 原文