Question

我有一个代码用于检查每个高度的缩略图，并使所有缩略图都具有最高缩略图的高度。它的工作第一次很好。然后我从1440x613的分辨率768x163测试它所有我的缩略图似乎在标题内有一点空间。所以我尝试重新加载页面。并且bug得到修复。所以当我最小化窗口而不必重新加载页面时如何使函数工作

这是我在height.js上的代码

    (function($) {
    "use strict";

    // THUMBNAIL HEIGHT
    function equalHeight(group) {    
        var tallest = 0;    
        group.each(function() {       
            var thisHeight = $(this).height();       
            if(thisHeight > tallest) {          
                tallest = thisHeight;       
            }    
        });    
    group.each(function() { $(this).height(tallest); });
    } 

    $(document).ready(function() {   
      equalHeight($(".thumbnail")); 
    });
})(jQuery);

heres jsfiddle https://jsfiddle.net/nr2cc6LL/

Answer 1

只需调用resize方法中的函数：

$(window).resize(function() {
    equalHeight($(".thumbnail"));
});

Simple Demo

需要重新加载jquery才能完成这个功能

1 个答案: