Question

我试图在我的一个页面上强制元素的高度，但无论出于什么原因，我使用的jquery仅在从另一页面上的链接点击页面时起作用。如果您直接转到网站页面或重新加载它，则不会。页面在这里：

右边应该有一个大型幻灯片。

Answer 1

尝试更改

$('.imageCycler img').each(function(){
        maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
        $(this).closest('div').height($(this).height());
});

到

$('.imageCycler img').load(function(){
        maxHeight = (maxHeight > $(this).height()) ? maxHeight : $(this).height();
        $(this).closest('div').height($(this).height());
        $('.imageCycler').height(maxHeight);
});

这将在图像全部加载后触发高度计算。阅读更多：http://api.jquery.com/load-event/

Answer 2

您的问题似乎是非工作版本将图像div的高度设置为0.您仍然正确设置和取消设置“display：none”，但是如果高度为0，则没有帮助。我不太确定为什么这种情况正在发生，但如果你修改设置div可见的代码也将高度设置为合理的（600，比方说），然后为第一个做pageload上的元素，应该让你克服它。实际上，如果你试图设置高度而不是在页面加载上进行，那可能是你的问题。我不确定为什么会这样，但如果我不得不猜测我会说这是加载顺序。

jquery在直接加载页面时不设置元素高度，仅在链接到另一页面时

2 个答案: