jQuery：使用一个函数在不同方向上对两个图像进行动画处理

Question

我正在尝试使用单个函数来为两个不同的图像设置动画。我遇到的问题是其中一张图像需要为左侧属性设置动画，而另一张图像需要为右侧属性设置动画。我尝试了一些不同的事情，但据我所知：

    $(document).ready(function(){
        var puppy = $('.puppy'),
            woman = $('.woman-smiling');

        fadeImages(puppy, "left");
        fadeImages(woman, "right");
    });

    function fadeImages($image, $direction){
        $image.delay(500)
            .css({
                visibility: "visible",
                display: "none"
            }).animate({
                opacity: "show",
                $direction: "0px"
            }, 1750);
    }

延迟和衰落工作正常，但方向是混乱的。蒂亚！！！

Answer 1

我认为您不能像现在一样使用 $direction 。也许这会起作用：

function fadeImages($image, $direction){

    var properties = new Object();
    properties['opacity'] = "show";
    properties[$direction] = "0px";

    $image.delay(500)
        .css({
            visibility: "visible",
            display: "none"
        }).animate(properties, 1750);
}

Answer 2

试试这个：

var config = { opacity: "show" };
config[$direction] = "0px;"

.animate(config, , 1750);

您所拥有的不起作用，因为在这种情况下它使用 $direction 作为 KEY，而不是用它替换变量的值。