jQuery - animate () свойства

Question

Я использую функцию jQuery animate следующим образом:

var css1 = {
      display: "block",
      marginTop: 20
    };

var direction = "marginTop";

$(element).animate(css1, 150, 'swing'); 

Обратите внимание на свойство marginTop выше.Ну, я хочу заменить это переменной direction , но по какой-то причине это не работает.Кто-нибудь знает почему?

Позднее редактирование: в основном я хочу заменить:

var css1 = {
      display: "block",
      marginTop: 20
    };

на

var css1 = {
      display: "block",
      direction: 20
    };

Проблема в том, что jQuery, похоже, не распознает"direction" как свойство "marginTop"

Answer 1

Вы можете создать динамическое свойство так, как вам нужно, используя обозначение в скобках , например:

var direction = "marginTop";
var css1 = { display: "block" };
css1[direction] = 20;

$(element).animate(css1, 150, 'swing');

Выполнение css1.marginTop также доступно через css1["marginTop"], и выиспользуйте переменную для второй версии (в скобках).