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

Jquery 如何删除小型设备的两个div javascript的匹配高度,jquery,css,Jquery,Css,我有两个分区,分别是“A”和“B”。两个div的高度不是固定的。我希望B和A的高度一样。所以,我写了一个这样的脚本: setHeight($('.a'), $('.b')); function setHeight(elem1, elem2) { var height = elem1.height() elem2.css('height', height); } 但是对于小型设备,我不想要相同的高度。所以,我把这个不起作用的: $(window).on(resize, functi

我有两个分区,分别是“A”和“B”。两个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');    
    }   
});

什么是合适的脚本

正如其他人提到的,您缺少了
s,但是
elem2
在该函数中没有定义

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

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

另外,如果用户正在使用移动设备,您不希望
setHeight()
在页面加载时运行,因此在调用函数之前,您应该检查窗口宽度:

if ($(window).width() > 768) {
    setHeight($('.a'), $('.b'));
}

$(窗口)。on(resize,function(){
应该是
$(窗口)。on('resize',function(){
)以及resize函数中的
elem2
是什么?是的,看起来你忘记了事件类型周围的引号。你可以通过查看开发人员控制台(可能会说“
resize
未定义)这真的不是JS的工作,你知道吗?试着阅读
媒体查询
…我现在已经加了引号。但是,仍然没有变化:@j08691,我不明白如何将elem2正确地放在resize函数中。现在有问题了。谢谢