JQuery анимировать с помощью переменных

Question

Мне было интересно, как использовать собранные переменные в функции анимации jQuery.Вот код, над которым я работал:

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);