variabile passant jQuery à Css ({})

Question

J'ai la fonction suivante:

$("#myId").css({left: leftVal+"px", top:topVal+"px"}); 

cela fonctionne.

Je cherche un moyen d'ajouter left: leftVal+"px", top:topVal+"px" comme une variable et faire ma fonction:

$("#myId").css({myCSSstuff}); 

J'ai tryed

var myCSSstuff= "left: "+leftVal+"px, top:"+topVal+"px" 

mais il ne fonctionne pas. Existe-t-il un moyen de le faire? Merci.

Answer 1

Vous pouvez le faire comme ceci:

var myCSSstuff = { left: leftVal, top: topVal }; 
$("#myId").css(myCSSstuff); 

La notation est {} pour des objets ou des tableaux associatifs.

Il y a deux façons dont vous pouvez ajouter d'autres propriétés:

myCSSstuff.color = 'red'; 
myCSSstuff['color'] = 'red'; 

La deuxième approche vous permet d'utiliser des chaînes pour le nom de la propriété, à savoir

var prop = 'color'; 
myCSSstuff[prop] = 'red';