Question

我想在自定义函数中传递参数来为特定部分制作动画。完全不确定我缺少什么？

我创建了 JsFiddle

function animate($class,$method,$value,$duration,$delay) {
    var delay_time = 0;
    $($class).each(function() {
        $(this).delay(delay_time).animate({
            $method : $value
        }, {
            duration: $duration
        });
        delay_time += $delay;
    });
}

animate(".container","width", 100, 300, 250);

$method是我试图通过的，由于某种原因只是不想工作？我错过了什么？

Answer 1

<强> Working Fiddle

你不能像{$method: $value}那样定义一个对象，但你可以在animate方法之外构造你的对象，然后传递它：

var my_object = {};
my_object[$method]=$value;

$(this).delay(delay_time).animate(my_object,{duration: $duration});

希望这有帮助。

＆＃13;

function animate($class,$method,$value,$duration,$delay) {
  var delay_time = 0;
  $($class).each(function() {
    var my_object = {};
    my_object[$method]=$value;

    $(this).delay(delay_time).animate(my_object,{duration: $duration});
    delay_time += $delay;
  });
}


animate(".container","width", 100, 300, 250);

＆＃13;

.container {
  opacity: 1;
  width: 0;
  background: #0f0;
  height: 100px;
}
p {
  margin: 0;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <p>show me</p>
</div>

<div class="container">
  <p>show me</p>
</div>

＆＃13;

传递参数以动画jquery函数

1 个答案: