jQuery实现两列等高并自适应高度

2019-11-26,,,

想要使用JQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。看代码:

$(document).ready(function() {
 var _leftheight = jQuery(".left").height();
 var _rightheight = jQuery(".right").height();
 if (_leftheight > _rightheight) {
  jQuery(".right").height(_leftheight);
 } else {
  jQuery(".left").height(_rightheight);
 }
});

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持北冥有鱼!

您可能感兴趣的文章:

  • jQuery简单实现iframe的高度根据页面内容自适应的方法
  • jquery实现textarea 高度自适应
  • 使用jQuery不判断浏览器高度解决iframe自适应高度问题
  • 教你用jquery实现iframe自适应高度
  • 基于jQuery实现左右div自适应高度完全相同的代码
  • JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
  • Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
  • 基于jquery的兼容各种浏览器的iframe自适应高度的脚本
  • 基于jquery的让textarea自适应高度的插件
  • jQuery解决iframe高度自适应代码

《jQuery实现两列等高并自适应高度.doc》

下载本文的Word格式文档,以方便收藏与打印。