Question

我正在编写一个简单的函数来调整悬停时的不透明度和边距。使用添加类。有人可以告诉我，我在这里做错了。非常感谢！

$(document).ready(function() {
    $('.connectsocialitem').each(function() {
        $(this).hover(function() {
            $(this).addClass("active")
            $('.active > a').animate({ opacity: 0.6 }, 300);
            $('.active > a').animate({marginTop:'-5px'}, 150);
        }, function() {
            $(this).removeClass("active")
            $('.active > a').animate({ opacity: 1.0 }, 150);
            $('.active > a').animate({marginTop:'0px'}, 150);
        });
    });
});

Answer 1

你的CSS在你动画的锚点上有一个-2000的文本缩进，所以你永远不会看到动画（锚点离你看到的很远）。您需要为悬停的div设置动画，或者将锚点保持在正常位置并对其进行设置，以使其正常动画。

我已经更新了your jsFiddle，其中一个例子就是动画div本身（它有点慢，因为我没有做任何优化，所以你可能想要更改动画链接一点）

Answer 2

这似乎对我有用：http://jsfiddle.net/maniator/aDJma/20/

jquery语法错误？

2 个答案: