의 jQuery CSS를 바로

Question

이 어떻게 이런 일을 가겠어요 배열에 의해 선택?

왼쪽/오른쪽을 랜덤하게하고 싶습니다.

저는 CSS 기능에서 대괄호를 사용하고 싶습니다.

편집 - 난 후 어떤 생각을 해요 물건의 종류가의

---

$('#foo').animate({ 
    positionX[1]: 300, 
    positionY[1]: 300 
}, 300); 

를?

Answer 1

이 작동합니다이

var cssCfg = {}; 
//Added left/right style - Similarly add other styles and pass the config 
cssCfg[positionY[Math.floor(Math.random() * positionY.length)]] = 200; 
//cssCfg["top"] = 10;//somevalue 
//cssCfg["bottom"] = 10;//somevalue 


$('#foo').css(cssCfg); 

var animCfg = {}; 
animCfg[positionX[1]] = 300; 
animCfg[positionY[1]] = 300; 

$('#foo').animate(animCfg, 300); 

작업 demo

Answer 2

을보십시오 : 사실

var positionY = ['left', 'right']; 
var randomNumber = Math.floor(Math.random() * positionY.length); 

var cssStyle = {}; 
cssStyle[positionY[randomNumber]] = 200; 

$('#foo').css(cssStyle); 

을, 나는 다음 너무 작동 있도록 jQuery를 css()도, 이름/값 쌍을 필요 잊어 :

var positionY = ['left', 'right']; 
var randomNumber = Math.floor(Math.random() * positionY.length); 

$('#foo').css(positionY[randomNumber], 200);