Javascript 使用js调整大小后刷新高度

我有一个很好的脚本，让两个div的高度相等。 但在我调整浏览器大小后，高度保持不变，同时我需要它响应和刷新

我真的不知道该怎么做

    $(document).ready(function() {
        var height = Math.max($(".h-txt.left").height(), $(".h-img.right").height());
        $(".h-txt.left").height(height);
        $(".h-img.right").height(height);
    });

---

我需要添加一个“文档刷新/调整大小”函数吗？

只需将代码放入一个函数中，并用“.resize（）”调用它即可

---

只需将代码放入函数中，并使用“.resize（）”调用它即可

---

只需将代码放入函数中，并使用“.resize（）”调用它即可

---

只需将代码放入函数中，并使用“.resize（）”调用它即可

试试这个：

$(window).resize(function (e) {
    $(".h-txt, .h-img").css("height", "auto");
    var height = Math.max($(".h-txt.left").height(), $(".h-img.right").height());
    $(".h-txt.left").height(height);
    $(".h-img.right").height(height);
});

$(window).trigger("resize");

首先，我们将高度重置为“自动”，以确保以后始终获得两个

中较高的高度

然后，我们实际上得到了较大的一个的高度，并将其施加到两个元素上

每次调整窗口大小时，整个循环都会重复—我们的函数绑定到窗口的“调整大小”事件。（

$（窗口）。调整大小（…）；

）

最后一行只是在页面的初始加载时触发它，所以我们不必实际调整窗口大小以使其第一次启动

jsiddle:

试试这个：

$(window).resize(function (e) {
    $(".h-txt, .h-img").css("height", "auto");
    var height = Math.max($(".h-txt.left").height(), $(".h-img.right").height());
    $(".h-txt.left").height(height);
    $(".h-img.right").height(height);
});

$(window).trigger("resize");

首先，我们将高度重置为“自动”，以确保以后始终获得两个

中较高的高度

然后，我们实际上得到了较大的一个的高度，并将其施加到两个元素上

每次调整窗口大小时，整个循环都会重复—我们的函数绑定到窗口的“调整大小”事件。（

$（窗口）。调整大小（…）；

）

最后一行只是在页面的初始加载时触发它，所以我们不必实际调整窗口大小以使其第一次启动

jsiddle:

试试这个：

$(window).resize(function (e) {
    $(".h-txt, .h-img").css("height", "auto");
    var height = Math.max($(".h-txt.left").height(), $(".h-img.right").height());
    $(".h-txt.left").height(height);
    $(".h-img.right").height(height);
});

$(window).trigger("resize");

首先，我们将高度重置为“自动”，以确保以后始终获得两个

中较高的高度

然后，我们实际上得到了较大的一个的高度，并将其施加到两个元素上

每次调整窗口大小时，整个循环都会重复—我们的函数绑定到窗口的“调整大小”事件。（

$（窗口）。调整大小（…）；

）

最后一行只是在页面的初始加载时触发它，所以我们不必实际调整窗口大小以使其第一次启动

jsiddle:

试试这个：

$(window).resize(function (e) {
    $(".h-txt, .h-img").css("height", "auto");
    var height = Math.max($(".h-txt.left").height(), $(".h-img.right").height());
    $(".h-txt.left").height(height);
    $(".h-img.right").height(height);
});

$(window).trigger("resize");

首先，我们将高度重置为“自动”，以确保以后始终获得两个

中较高的高度

然后，我们实际上得到了较大的一个的高度，并将其施加到两个元素上

每次调整窗口大小时，整个循环都会重复—我们的函数绑定到窗口的“调整大小”事件。（

$（窗口）。调整大小（…）；

）

最后一行只是在页面的初始加载时触发它，所以我们不必实际调整窗口大小以使其第一次启动

---

---

jsfiddle:

我做了一把小提琴：

window.resize（）

你需要这样的东西吗$（document）window.resize（）{..}实际上更像这样：

$（window.resize（function（）{…}）

因为一个简单的谷歌搜索会向你显示成千上万的答案，所以我做了一个小动作：

window.resize（）

你需要这样的答案吗$（document）window.resize（）{..}实际上更像这样：

$（window.resize（function（）{…}）

因为一个简单的谷歌搜索会向你显示成千上万的答案，所以我做了一个小动作：

window.resize（）

你需要这样的答案吗$（document）window.resize（）{..}实际上更像这样：

$（window.resize（function（）{…}）

因为一个简单的谷歌搜索会向你显示成千上万的答案，所以我做了一个小动作：

window.resize（）

你需要这样的答案吗$（document）window.resize（）{..}实际上更像这样：

$（window.resize（function（）{…}）

因为一个简单的google搜索会向您显示数千个答案，您仍然需要将代码保存在一个jquery就绪函数中，就像一个注释：您不需要为调整大小引入额外的匿名函数，您只需编写：

$（窗口）。调整大小（responsiveSize）

。此外，还可以创建一个常规命名函数

函数responsiveSize（）{..}

。它在功能上并没有真正的区别，但它只是一种不必要的复杂性。您仍然需要将代码保存在jquery就绪函数中，就像一个注释：您不需要为调整大小引入额外的匿名函数，您只需编写：

$（窗口）。调整大小（responsiveSize）

。此外，还可以创建一个常规命名函数

函数responsiveSize（）{..}

。它在功能上并没有真正的区别，但它只是一种不必要的复杂性。您仍然需要将代码保存在jquery就绪函数中，就像一个注释：您不需要为调整大小引入额外的匿名函数，您只需编写：

$（窗口）。调整大小（responsiveSize）

。此外，还可以创建一个常规命名函数

函数responsiveSize（）{..}

。它在功能上并没有真正的区别，但它只是一种不必要的复杂性。您仍然需要将代码保存在jquery就绪函数中，就像一个注释：您不需要为调整大小引入额外的匿名函数，您只需编写：

$（窗口）。调整大小（responsiveSize）

。此外，还可以创建一个常规命名函数

函数responsiveSize（）{..}

。它在功能上没有真正的区别，但这只是一个不必要的复杂性。谢谢m8这像一个咒语：）将在5分钟内检查这像一个咒语：）将在5分钟内检查这像一个咒语。谢谢m8这像一个咒语：）将在5分钟内检查这像一个咒语。谢谢m8这像一个咒语：）将在5分钟内检查这像一个咒语。