您好,欢迎来到北京美业网! 北京网站建设咨询热线:13521800010
技术交流
您当前位置:美业网 >> 最新资讯 >> 技术交流 >> 浏览文章

【修复更新】jQuery获取元素宽度并把宽度赋给高度

时间:2017/4/10 9:35:45     信息来源:http://www.jswzjs.com     点击:
上一版本中,随着窗口变化,高度不变,需要刷新才能正常显示。这版本修复了随窗口变化,图片比例不变。

$(window).load(function(){                              //网页加载完毕时触发事件
    var $alWidth = $(".case-list li").css("width");    //获取.case-list下li标签的宽度;    
    $(".case-list li").css('height',$alheight);       //把宽度赋给.case-list下li标签高度;
});
$(window).resize(function(){                           //窗口变化时触发事件
    var $alWidth = $(".case-list li").css("width");    //获取.case-list下li标签的宽度;    
    $(".case-list li").css('height',$alheight);       //把宽度赋给.case-list下li标签高度;
});

两个合并成一段代码:
$(window).on('load resize', function () {
    var $alWidth = $(".case-list li").css("width");    //获取.case-list下li标签的宽度;    
    $(".case-list li").css('height',$alheight);       //把宽度赋给.case-list下li标签高度;
});
本文由北京网站建设北京网站建设公司、美业网收集整理发布,如有转载请注明出处。
北京网站建设公司_北京网站设计公司