Javascript 元素在单击时显示，但页面高度保持不变？

单击

#row-product\u id_page-0-0

中的标签时，以下代码使

#row-

元素显示：

 $('#row-product_id_page-0-0 label').click(function() {
    var str = $(this).find('.am-product-title').text()
    var levelText = str.substring(0, 15)

    $('#row-html2-0, #row-html3-0, #row-html4-0').show()    
    $('#row-qfauto-1, #row-qfauto-2, #row-email-0, #row-pass-0').show()    
    $('#row-pass-confirm, #row-buttons').show()    

    $('#row-html3-0 span').text(levelText)

  })

单击标签之前，请单击DOM：

单击标签后：

奇怪的是，元素出现了，但页面的高度保持不变：

单击之前：

点击后：

似乎这还不够奇怪，如果我打开Chrome inspector（Firefox中也会出现同样的问题），事情就会变得好起来：

我很困惑。有什么问题吗

---

活动站点：

您已经动态设置了

容器内部的

高度。此

div

溢出

打开“开发工具”时，窗口会调整大小，从而重新计算

div

的高度

你可能想

选择一个选项时调用

$（窗口）.resize（）

（这是一种解决方法，而不是修复方法）

在不动态设置容器高度的情况下，找到另一种处理布局的方法

---

您已经动态设置了

容器内部的

高度。此

div

溢出

打开“开发工具”时，窗口会调整大小，从而重新计算

div

的高度

你可能想

选择一个选项时调用

$（窗口）.resize（）

（这是一种解决方法，而不是修复方法）

在不动态设置容器高度的情况下，找到另一种处理布局的方法

---

您已经动态设置了

容器内部的

高度。此

div

溢出

打开“开发工具”时，窗口会调整大小，从而重新计算

div

的高度

你可能想

选择一个选项时调用

$（窗口）.resize（）

（这是一种解决方法，而不是修复方法）

在不动态设置容器高度的情况下，找到另一种处理布局的方法

---

您已经动态设置了

容器内部的

高度。此

div

溢出

打开“开发工具”时，窗口会调整大小，从而重新计算

div

的高度

你可能想

选择一个选项时调用

$（窗口）.resize（）

（这是一种解决方法，而不是修复方法）

在不动态设置容器高度的情况下，找到另一种处理布局的方法

这个技巧会奏效：

$('#row-product_id_page-0-0 label').click(function() { 
    $(window).resize(); 
});

这也说明了当您打开检查器时，新创建的元素将以正确的方式呈现的原因，这仅仅是因为当您打开检查器时，浏览器将触发窗口调整大小事件。您可以尝试拖动窗口以稍微调整其大小，您将看到相同的效果

我没有深入研究您的javascript代码，但您可以检查在window.resize事件中注册的处理程序。答案可能就在那里

笔记： 我想就在这里：

---

您已经动态地设置了内部的

高度

.container

。这个舱满了

这个技巧会奏效：

$('#row-product_id_page-0-0 label').click(function() { 
    $(window).resize(); 
});

这也说明了当您打开检查器时，新创建的元素将以正确的方式呈现的原因，这仅仅是因为当您打开检查器时，浏览器将触发窗口调整大小事件。您可以尝试拖动窗口以稍微调整其大小，您将看到相同的效果

我没有深入研究您的javascript代码，但您可以检查在window.resize事件中注册的处理程序。答案可能就在那里

笔记： 我想就在这里：

---

您已经动态地设置了内部的

高度

.container

。这个舱满了

这个技巧会奏效：

$('#row-product_id_page-0-0 label').click(function() { 
    $(window).resize(); 
});

这也说明了当您打开检查器时，新创建的元素将以正确的方式呈现的原因，这仅仅是因为当您打开检查器时，浏览器将触发窗口调整大小事件。您可以尝试拖动窗口以稍微调整其大小，您将看到相同的效果

我没有深入研究您的javascript代码，但您可以检查在window.resize事件中注册的处理程序。答案可能就在那里

笔记： 我想就在这里：

---

您已经动态地设置了内部的

高度

.container

。这个舱满了

这个技巧会奏效：

$('#row-product_id_page-0-0 label').click(function() { 
    $(window).resize(); 
});

这也说明了当您打开检查器时，新创建的元素将以正确的方式呈现的原因，这仅仅是因为当您打开检查器时，浏览器将触发窗口调整大小事件。您可以尝试拖动窗口以稍微调整其大小，您将看到相同的效果

我没有深入研究您的javascript代码，但您可以检查在window.resize事件中注册的处理程序。答案可能就在那里

笔记： 我想就在这里：

---

您已经动态地设置了内部的

高度

.container

。这个舱满了