Jquery の css 変数に css プロパティを追加しようとしています。
var cssProp = {
'position': 'absolute',
'top': topPos,
'left': leftPos
}
//this codes works
cssProp.top += 10;
//this is not..
cssProp.z - index = 10;
これを修正する方法は?どうもありがとう!
Jquery の css 変数に css プロパティを追加しようとしています。
var cssProp = {
'position': 'absolute',
'top': topPos,
'left': leftPos
}
//this codes works
cssProp.top += 10;
//this is not..
cssProp.z - index = 10;
これを修正する方法は?どうもありがとう!
ドット表記を使用する場合のプロパティでのダッシュは許可されていません
cssProp['z-index'] = 10;
CSS のすべての破線要素について話すときの CSS プロパティelement.style
は、JavaScript ではキャメルケースであるため、おそらく実際には次のようになることに注意してください。cssProp.zIndex = 10;
おそらく、z-indexがcssPropで定義されていないためです。
試す
var cssProp = {'position':'absolute',
'top': topPos,
'left': leftPos,
'z-index': 0
}
これをあなたのやり方で行うと、「z-index」と呼ばれる新しい変数が作成されます。これはjavascriptでは無効であるため、機能しません。
代わりに「zIndex」と呼んでみてください。これは有効なjavascript変数名です。
Like this
var cssProp = {
'position':'absolute',
'top': topPos,
'left': leftPos,
'zIndex': '0'
};
jQuery always removes the '-' and then concatenates the word using the camelcase style type. I believe jQuery then has a regular expression that accomplishes this...
(ダッシュ) を変数名/オブジェクト キーとして使用-
することは、javascript では有効ではありません。zIndex として camelCase 表記を使用してみてください。
続きを読む: