0

只需进行一点编辑，以防万一碰巧发现此问题的人有所帮助。在我添加一些图像之前，给出的答案非常有效。我添加的图像没有设置宽度或高度，并且应用了 max-width 100% css，因此它们可以在流体网格内缩放。问题似乎是 chrome 没有将图像的高度添加到总列高中，因此列被渲染为短（减去图像高度）

更改代码行：

$(document).ready(function(){

到

$(窗口).load(函数() {

似乎可以解决问题。

------------原始问题----------------

我正在尝试实现我在这里遇到的这个 jquery 代码；我无法为我的生活弄清楚如何让它工作。

我在我的文档中包含了一个指向 jQuery 的链接，并尝试了各种选项，但我无法让它工作。

我的页面是 html5 2 列布局，2 列设置为 % 宽度并浮动。左栏的内容很长，所以我希望它们相等。

我猜我需要将类添加unevenheights到 div 中。我已将它添加到每一列并在包装器上尝试了它，但div没有运气。

我尝试将第一部分复制到一个单独的文件并保存为 .js，然后链接到该$('div.unevenheights').setAllToMaxHeight()部分并使用页面标题中标签内的部分，<script>但没有任何乐趣。

有人可以用初学者的术语解释我应该如何实现它吗？

$.fn.setAllToMaxHeight = function(){
return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) );
}

// usage: $('div.unevenheights').setAllToMaxHeight()
4

1 回答 1

1

a) 将您的呼叫包装在这样的$(document).ready()回调中：

$(document).ready(function(){
    $.fn.setAllToMaxHeight = function(){
        return this.height(Math.max.apply(this, $.map(this, function(e){
            return $(e).height()
        })));
    };

    $('div.unevenheights').setAllToMaxHeight();
});

工作小提琴

b) 如果这不起作用，请在此处发布您的 html 和 js，或者——甚至更好——作为 jsFiddle。

于 2012-06-22T07:18:24.910 回答