调整高度(equalHeights)jQuery

时间:2015-04-06 19:49:02

标签: jquery

因为我可以改变函数的高度(equalHeights),但你可以调整大小。

JQUERY:

    $.fn.equalHeights = function () {
        var maxHeight = 0;
        // get the maximum height
        this.each(function () {
            var $this = $(this);
            if ($this.height() > maxHeight) {
                maxHeight = $this.height();
            }
        });
        // set the elements height
        this.each(function () {
            var $this = $(this);
            $this.height(maxHeight);
        });
    };

RESIZE:

    $(window).load(function () {
        $(window).resize(function () {
            $("#layout .item").not("#layout .item.custom").find("img").equalHeights();
        });
    });

示例: http://jsfiddle.net/u8e1ju9b/1/

1 个答案:

答案 0 :(得分:0)

尝试调整浏览器窗口的大小以查看块的反应。

http://sam152.github.io/Javascript-Equal-Height-Responsive-Rows/demo.html