如何正确设置“响应式”jquery事件

时间:2014-09-06 02:21:46

标签: jquery html css

我已经建立了一个小功能来解释高度不同的物体网格的均匀堆叠。问题是我的jquery在移动/堆叠布局上是不必要的和有问题的。

据我所知,我正确地使用了它,但它没有用。

任何帮助?

在桌面版(> 480)上,else下的命令也会触发,而不是if下的内容。

$(document).ready(function() {
  if ( $(window).width() < 480) {     

    // Get an array of all element heights
    var elementHeights = $('.box').map(function() {
    return $(this).height();
    }).get();

    // Math.max takes a variable number of arguments
    // `apply` is equivalent to passing each height as an argument
    var maxHeight = Math.max.apply(null, elementHeights);

    // Set each height to the max height
    $('.box').height(maxHeight);

}
else if ( $(window).width() > 480) {

    $('.box').css("height", "auto");

}

});

Codepen:http://codepen.io/jeremypbeasley/pen/bnfmD

0 个答案:

没有答案