我看不出这段代码有什么问题。计算窗口中心位置,然后将div变换为该位置(必须使用translate完成我的任务)。
首先让它在Chrome上运行,因此需要-webkit-前缀。
非常困惑为什么jQuery不能将内联样式应用到.logo div。已经包含了其他的故障排除实验并进行了注释。
语法问题?jsfiddlehere。
首先让它在Chrome上运行,因此需要-webkit-前缀。
非常困惑为什么jQuery不能将内联样式应用到.logo div。已经包含了其他的故障排除实验并进行了注释。
语法问题?jsfiddlehere。
var centerPosition = '';
function centerLogo(){
var w_width = $(window).width();
var w_height = $(window).height();
var hCenter = (w_width / 2) - 150;
var vCenter = (w_height / 2) - 150;
console.log(hCenter);
console.log(vCenter);
var centerPosition = 'translate(' + hCenter + 'px, ' + vCenter + 'px);';
console.log(centerPosition);
$('.logo').css('-webkit-transform', centerPosition);
// Try uncommenting the three examples below - they all work ...
// $('.logo').css('background', 'blue');
// centerPosition = 'blue';
// $('.logo').css('background', centerPosition);
// $('.logo').css('-webkit-transform', 'translate(10.85px, 45.56px)');
}
jQuery(document).ready(function($){
centerLogo();
});
css
方法,在版本>=1.8.0中,会根据需要添加供应商前缀;您无需手动指定。 - PalpatimcenterPosition
时,请删除分号。http://jsfiddle.net/Palpatim/7f7rt/5/ - Palpatim