2017-09-23 5 views
0

jquery .cssを使用して関数を記述し、単純に要素、CSSプロパティ、およびCSS値を渡します。ここでjquery CSSが機能しないJavaScript関数

は、関数である:そのは何もしないいくつかの理由

addCss('.container','flex-direction', 'row'); 

function addCss(element, cssProperty, cssValue) { 
    $(element).css({ cssProperty: cssValue }); 
} 

そして、ここでは使用例です。

私は何かが不足しているか、構文が間違っていますか?

答えて

4

はあなたがES6計算プロパティ名をサポートする環境にいる場合は、別途ごオブジェクトを構築する必要があり$(element).css({ [cssProperty]: cssValue });

+0

それは常にではなく、変数 'cssProperty'の実際の値を使用するよりも、' 'CSSプロパティ「cssProperty」を設定しようとしていたので、あなたのコードは働いていませんでした。 –

2

を試してみてください。これを説明するmax2020 @

function addCss(element, cssProperty, cssValue) { 
    var rule = {}; 
    rule[cssProperty] = cssValue; 
    $(element).css(rule); 
} 
関連する問題