大佬教程收集整理的这篇文章主要介绍了javascript – jQuery动态调整div，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在使用twitter bootstrap v2.3在其CSS库中的媒体缩略图.你可以看到我在这里工作的内容：http://beanstalkwebsolutions.com/portfolio-overview
这是我正在使用的jQuery：
{
var maxHeight = 0;
var divs = jQuery(".thumbnail");
jQuery.each(divs,function () {
var height = jQuery(this).height();
if (maxHeight < height) maxHeight = height;
});
divs.css('min-height',maxHeight + 'px');
});
$(window).resize(function () {
var maxHeight = 0;
var divs = jQuery(".thumbnail");
jQuery.each(divs,maxHeight + 'px');
});
基本上我的目标是因为每个缩略图都有不同的高度,我希望它们都是相同的高度,这个脚本在加载CSS时给予它们所有相同的最小高度,并且每次根据具有最大高度的缩略图调整屏幕大小.
我得到了所有这一切,但现在我无法弄清楚的问题是当你将屏幕拖动到更小/更大的尺寸并且最小高度变得非常大时,我没有代码来减小最小高度所以他们缩略图div看起来太大了.有没有人对我有任何代码建议,所以div都有相同的高度,但永远不会太大？
如果您设置高度css属性而不是min-height,则解决方案不适用于我的原始目标,因为文本段落最终会扩展到div之外.
$( window ).resize(function() {
if($( window ).height() < 300){
$( "div" ).css({min-height: 300px});
} else {
$( "div" ).css({min-height: 600px});
}
});
以上是大佬教程为你收集整理的javascript – jQuery动态调整div全部内容，希望文章能够帮你解决javascript – jQuery动态调整div所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。