Question

我正在尝试在Jquery中将css属性添加到我的css变量中。

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

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

尝试

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总是删除' - '，然后使用camelcase样式类型连接单词。我相信jQuery然后有一个正则表达式来实现这个......

将CSS z-index属性添加到JQuery中的css变量

5 个答案: