Динамическое свойство CSS jQuery?

Question

У меня возникают проблемы, выполнив следующие действия:

var direction = "left"; 
$('#elem').css({"margin-"+direction: "50px"}); 

Разве это не возможно, чтобы иметь динамические свойства, как это?

Спасибо

Answer 1

.css(propertyname, value) имеет другой вариант, который может взять на себя имя и значение свойства в 2-х различных аргументов

var direction = "left"; 
$('#elem').css("margin-"+direction, "50px"); 

Если вы хотите использовать формат объекта, то вы можете использовать кронштейн нотацию назначать динамические свойства

var css = {}; 
css["margin-"+direction] = "50px"; 
$('#elem').css(css); 

Answer 2

Удалить Curlybraces ({}) и двоеточие (:) в вашем коде Jquery, и попробуйте следующий код

var direction = "left"; 
$('#elem').css("margin-"+direction, "50px"); 

Answer 3

Вы можете создать объект JAVASCRIPT, а затем применить этот объект к CSS.

Пример кода:

var style = {property1:"value1", property2:"value2", property3:"value3"}; 

Затем вы можете использовать ниже синтаксис для применения выше свойства.

$('#element').css(style); 

Используя вышеуказанный способ, вы можете добавить динамические свойства и применить их с помощью jQuery.

Надеюсь, это поможет.