Javascript jQuery:更改最大值

Javascript jQuery:更改最大值,javascript,jquery,css,Javascript,Jquery,Css,我需要更改具有内联样式的element.zoomWindow的顶部值。内联样式来自我用来缩放图像的JS插件。元素的父元素有position:relative,元素本身有position-absolute。下面是我的代码,但它似乎没有任何作用 代码: 添加console.logblockHeight的调试语句;将显示图像高度的值为零 document.ready在图像完全加载之前激发。因此,图像的高度将为零。您应该使用窗口加载或图像加载来执行此检查 试试这个: window.onload = fu

我需要更改具有内联样式的element.zoomWindow的顶部值。内联样式来自我用来缩放图像的JS插件。元素的父元素有position:relative,元素本身有position-absolute。下面是我的代码,但它似乎没有任何作用

代码:


添加console.logblockHeight的调试语句;将显示图像高度的值为零

document.ready在图像完全加载之前激发。因此,图像的高度将为零。您应该使用窗口加载或图像加载来执行此检查

试试这个:

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

大多数现代浏览器中的CSS处理器不接受整数作为单位。尝试将px单位附加到.height返回的整数上。我必须将windows更改为windows,但它起了作用:我希望您在使用jQuery时没有实际使用window.onload。@epascarllo为什么不使用?使用jQuery绑定onload事件侦听器,而不是覆盖窗口的整个onload函数。感谢您的解释!代码实践不好,没有对问题进行解释。执行window.onload函数{/*您的代码*/}有多难;我实际上不知道如何使用window.onload。如果你替我写代码,我会接受你的回答。
window.onload = function() {
   var blockHeight = $('#product-gallery .zoomPad:first-child > img').height();
   $('.jqzoom:nth-child(3) .zoomWindow').css('top', blockHeight);   
};