Question

我目前正在使用动态布局的网站上工作。每当窗口调整大小时，它会检查（通过jQuery）哪种布局最合适（我为此设置了几个像素范围）并将.high .med或.low类应用于页面上的元素。

到目前为止，我已经完成了一切。还有一些我无法弄清楚的事情。

因为布局很大程度上依赖于花车，所以我使用了＃34;相同的高度＆＃34; 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＆＃34; has class＆＃34;调整大小之前的声明发生了，这没有用，因为脚本没有＆＃34;看到＆＃34;添加时的类。这可能与函数的执行顺序有关。

我应该注意，我只是一个初学者（4周的javascript / jQuery经验），但我非常愿意了解更多。

Answer 1

我会建议您使用CSS3 Media 查询而不是脚本来执行响应式/自适应网页设计。

请查看this

这些不会处理很多，因此轻量级，大多数现代浏览器和设备都支持CSS3 因此方便可靠的选项。 < / p>

将类添加到body时销毁jQuery脚本

1 个答案: