我目前正在开发一个具有动态布局的网站。每当窗口调整大小时,它都会检查(通过 jQuery)哪种布局最适合(我为此设置了几个像素范围)并将 .high .med 或 .low 类应用于页面上的元素。
到目前为止,我几乎已经解决了所有问题。只有几件事我想不通。
因为布局严重依赖于 float ,所以我使用了“equalheights”jQuery 插件来使列的大小达到相等的高度:
(function($) {
$.fn.equalHeights = function(minHeight, maxHeight) {
tallest = (minHeight) ? minHeight : 0;
this.each(function() {
if($(this).height() > tallest) {
tallest = $(this).height();
}
});
if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
return this.each(function() {
$(this).height(tallest).css;
});
}
})(jQuery);
问题是当布局切换时,列将不断调整大小。这通常不是问题,但布局差异很大。
首先,我尝试在调整大小之前添加一个 if "has class"语句,但这没有用,因为脚本在添加时没有“看到”类。这可能与函数的执行顺序有关。
我应该指出,我只是一个初学者(4 周的 javascript/jQuery 经验),但我非常愿意学习更多。
最佳答案
关于jquery - 将类添加到正文时销毁 jQuery 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15004277/