使用变量的 jQuery 动画

Question

我想知道如何在 jQuery animate 函数中使用收集的变量。这是我正在编写的代码:

var size = $("#myTwitter").width();

    var slidelength = (686 - size)*(-1);

    var slidelength = slidelength.toString();

    var margin = "'margin-left:' '";

    var after = "px'";

    var output = margin.concat(slidelength, after);

    $("#twitWrap").mouseenter(function(){

        $("#myTwitter").stop(0).animate(output, 5000);

    });

    $("#twitWrap").mouseleave(function(){

        $("#myTwitter").stop(0).animate({"margin-left": "0px"}, 5000);

    });

你可以看出它不起作用 - 但仍然不知道为什么。

Answer 1

您不需要做任何特别的事情。

$("#myTwitter").stop(0).animate({"margin-left":  slidelength }, 5000);

如果“margin-left”需要动态，你可以这样做......

var options = {};

options[property] = value;

$("#myTwitter").stop(0).animate(options, 5000);