Jquery：cssプロパティで変数を使用できますか？

Question

私は多言語のウェブサイトを持っています。言語に応じて私のコンテナの位置を変更したいと思います。このため私はそれに応じてコードを試して、その位置を変更する必要があります。

prop = lang == 'ar' ? 'right' : 'left'; 
$('#head').css({ prop : 200 }); 

しかし、私は静的なプロパティを置くとき、これを達成することはできません。私は他の方法があることを知っていますが、これのように可能ではありませんか？

Answer 1

名前付きプロパティが必要なcssのバージョンを使用しています。他のバージョンを使用してください。

prop = lang == 'ar' ? 'right' : 'left'; 
$('#head').css(prop, "200"); 

Answer 2

オブジェクトを最初に作成し、それをcss関数に渡すことができます。

prop = lang == 'ar' ? 'right' : 'left'; 
var styles = {}; 
styles[prop] = 200; 
$('#head').css(styles); 

Answer 3

は、あなたが以下のように試してみました：

var prop = lang == 'ar' ? 'right' : 'left'; 
var cssObj = {}; 
cssObj[prop] = 200; 
$('#head').css(cssObj);