Jquery 如何删除小型设备的两个div javascript的匹配高度
我有两个分区,分别是“A”和“B”。两个div的高度不是固定的。我希望B和A的高度一样。所以,我写了一个这样的脚本: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
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函数中。现在有问题了。谢谢