Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery.css()未应用-webkit转换_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jquery.css()未应用-webkit转换

Javascript jquery.css()未应用-webkit转换,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我看不出这个代码有什么问题。计算窗口的中心位置,然后在那个里变换translate div(必须使用translate) 首先,让它在Chrome上工作,因此使用了-webkit-prefix) 对于jQuery为什么不将内联样式应用于.logo分区,我感到非常困惑。我的其他故障排除实验也包括在内,评论道 语法问题?jsfiddle $('.logo').css('-webkit transform',centerPosition)的正确语法在字符串中没有分号。尝试更改此选项: var cent

我看不出这个代码有什么问题。计算窗口的中心位置,然后在那个里变换translate div(必须使用translate)

首先,让它在Chrome上工作,因此使用了-webkit-prefix)

对于jQuery为什么不将内联样式应用于.logo分区,我感到非常困惑。我的其他故障排除实验也包括在内,评论道

语法问题?jsfiddle


$('.logo').css('-webkit transform',centerPosition)的正确语法在字符串中没有分号。尝试更改此选项:

var centerPosition = 'translate(' + hCenter + 'px, ' + vCenter + 'px);';
为此:

var centerPosition = 'translate(' + hCenter + 'px, ' + vCenter + 'px)';
应该有用:

这肯定有用

    var posElem = document.getElementById('logo'); // set id to div 

    var newStyle = '-webkit-transform: translate(' + hCenter + 'px, ' + vCenter + 'px);' +
   'transform: translate(' + hCenter + 'px, ' + vCenter + 'px);';
   posElem.setAttribute('style',newStyle);

jQuery的
css
方法,在版本>=1.8.0上,将根据需要添加供应商前缀;无需手动指定。请删除
中心位置声明中的分号。这有什么帮助呢?
$('.logo').css('-webkit transform',centerPosition)的正确语法在字符串中没有分号。您确定吗,因为它在JSFIDLE中不起作用。。。请再检查一遍。阿尔佩什给出的答案是有效的。分号没有问题。我怎么会错过呢?谢谢大家的帮助。很高兴了解jQuery前缀。请评论这行$('.logo').css('-webkit transform',centerPosition);别忘了更改你部门的id标志。
    var posElem = document.getElementById('logo'); // set id to div 

    var newStyle = '-webkit-transform: translate(' + hCenter + 'px, ' + vCenter + 'px);' +
   'transform: translate(' + hCenter + 'px, ' + vCenter + 'px);';
   posElem.setAttribute('style',newStyle);