jquery - 在加载时使用 jquery 确定元素的大小。单击后退按钮时不起作用

Question

社区新手。

我的其中一个页面上有幻灯片。图像的高度各不相同，因此我这样写:

$(document).ready(function(){
    $('.pslider img:first').load(function(){        
    var firstImg = $('.pslider img:eq(0)').height();    
    $('.pslider').css({"height":firstImg});
});

//other code
});

据我所知，这意味着 jquery 将等待，直到加载 .pslider 中的第一个 img 元素。然后它将获取 img 高度并将 .pslider 高度设置为该值。我使用serialscroll 来使用其onbefore 选项来管理类高度的变化。它工作完美。

这适用于正常点击页面。但是，如果我单击该页面，然后转到另一个页面，然后按后退按钮，它不会执行。未获取高度值。

我尝试过 window.onload(){} 但发生了同样的事情。

我使用的是1.6.2

有什么想法吗？

Answer 1

我遇到了同样的问题，必须在加载函数中使用 this 变量。

    var firstImg = this.height;

您可能还需要更新您的选择器。