Question

我有两个名为“A”和“B”的div。 div的高度不固定。而我希望“B”与“A”获得的高度相同。所以，我写了一个这样的脚本：

setHeight($('.a'), $('.b'));
function setHeight(elem1, elem2) {
   var height = elem1.height()
   elem2.css('height', height); 
}

但对于小型设备，我不想要相同的高度。所以，我把这个放在了 ：

$(window).on(resize, function() {
    if ($(window).width() > 768) {
        setHeight($('.a'), $('.b'));  
    } else {
        elem2.css('height', 'auto');    
    }   
});

它的正确脚本是什么？ My fiidle work

Answer 1

正如其他人所说，你错过了'周围的resize，但elem2中的$(window).on('resize', function() { if ($(window).width() > 768) { setHeight($('.a'), $('.b')); } else { $('.b').css('height', 'auto'); } });未定义。

您需要使用指向元素的指针：

setHeight()

DEMO

另外，因为如果用户使用移动设备，您不希望if ($(window).width() > 768) { setHeight($('.a'), $('.b')); }在页面加载时运行，您应该在调用函数之前检查窗口宽度：

{{1}}

DEMO

如何为小型设备删除两个div javascript的匹配高度

1 个答案: