在jQuery中添加CSS z-index属性到css变量

Question

我想在cquery中添加css属性到jquery中。

var cssProp = { 
    'position': 'absolute', 
    'top': topPos, 
    'left': leftPos 
} 

//this codes works 
cssProp.top += 10; 

//this is not.. 
cssProp.z - index = 10; 

如何解决这个问题？非常感谢！

Answer 1

破折号属性使用点符号时不准

cssProp['z-index'] = 10; 

注意，CSS属性谈论element.style在CSS中的所有虚元素时，是骆驼在JavaScript套管所以它会想必实际上是cssProp.zIndex = 10;

Answer 2

可能因为z-index没有在cssProp中定义

尝试

var cssProp = {'position':'absolute', 
       'top': topPos, 
       'left': leftPos, 
       'z-index': 0 
      } 

Answer 3

这样做的方式是创建一个名为“z-index”的新变量，它在JavaScript中无效，因此无法正常工作。

尝试调用它“zIndex”来代替，这是一个有效的javascript变量名称。

Answer 4

使用-（短划线）作为变量名/对象键在javascript中无效。尝试使用camelCase标记作为zIndex。

了解更多：

Are dashes allowed in javascript variable names?

Answer 5

像这样

var cssProp = { 
    'position':'absolute', 
    'top': topPos, 
    'left': leftPos, 
    'zIndex': '0' 
}; 

的jQuery总是删除 ' - '，然后串接使用大小写混合样式类型的字。我相信jQuery然后有一个正则表达式，完成这...