Question

我正在尝试使用翻转脚本来将我的社交网络链接从32px方形图标调整为相同的图标，再加上尾随地址。因此，如果我在我的Facebook链接上徘徊，链接将来自

[f] [t] [g]

到

[f /facebookpage] [t] [g]

和Twitter将来自

[f] [t] [g]

到

[f] [t @twitter] [g]

这是我正在使用的脚本：

$(function(){
    var network = $('.social-networks li a'),
    animateTime = 75,
    navLink = $('.social-networks li a');
    navLink.hover(function(){
        if(network.width() === 32){
            autoWidthAnimate(network, animateTime);
        } else {
            network.stop().animate({ width: '32' }, animateTime);
        }
    });
})
function autoWidthAnimate(element, time){
    var curWidth = element.width(), // Get default width
    autoWidth = element.css('width', 'auto').width(); // Get auto width
    element.width(curWidth); // Reset to default width
    element.stop().animate({ width: autoWidth }, parseInt(time)); // Animate to auto width
}

在单个图标上，我显然没有遇到任何问题，但是当我有多个图标时，它会将它们全部调整大小。我已经尝试了$(this).find('.social-networks li a')，但是没有用（返回相同的东西），$(this).children('.social-networks li a')什么也没做。有没有办法只选择那个特定元素？

Answer 1

在你的悬停功能中你应该动画$（this）而不是缓存网络。 this变量将引用hovered元素，然后将其包装在jquery对象中以使用jquery动画。您的网络变量可能是包含所有社交图标的数组

select * from items;

将jQuery调整为自动脚本工作...在所有链接上

1 个答案: