jQuery：改变最高价值

Question

我需要更改具有内联样式的元素（.zoomWindow）的顶部值。内联样式来自我用来缩放图像的JS插件。元素的父元素具有position：relative，元素本身具有position绝对位置。下面是我的代码，但它似乎没有做任何事情。

代码：

$(document).ready(function() {
   var blockHeight = $('#product-gallery .zoomPad:first-child > img').height();
  $('.jqzoom:nth-child(3) .zoomWindow').css('top', blockHeight);   
});

Answer 1

添加console.log(blockHeight);的调试语句将为图像高度显示零值。

在图片完全加载之前，

document.ready会触发。因此图像的高度为零。您应该使用窗口加载或图像加载来检查。

Answer 2

试试这个：

window.onload = function() {
   var blockHeight = $('#product-gallery .zoomPad:first-child > img').height();
   $('.jqzoom:nth-child(3) .zoomWindow').css('top', blockHeight);   
};