Jquery 仅在 Chrome 和 Safari 中不起作用

Question

在我的网站上，我有一个高度为 100% 的主体，jquery 应该找到主体的高度，然后更改侧边栏上的 css 以匹配它的高度。它适用于 Firefox 和所有版本的 IE，但不适用于 Chrome 或 Safari。我对此有点陌生，所以在此先感谢您的帮助。 这是我的网站:http://avk.io-web.com/product-list/healthy-gormet-cookies 这是我的 jquery:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>    
<script type="text/javascript">
$(document).ready(function() {

var SecondaryContentHeight= $(".secondary_body_content").height()
$(".left_menu").css("height", SecondaryContentHeight);
});
</script>

Answer 1

问题是您在加载正文内容中的所有内容之前获取高度。如果删除正文内容中的大图像，您会发现它们大部分都排成一行。请记住，文档准备就绪在 DOM 准备就绪时触发，而不是在页面中的所有内容都已完成加载时触发。您可以将 .load() 事件绑定(bind)到页面上的图像，然后计算左侧菜单的高度，但这不会 100% 有效。

理想的解决方案是全部用 HTML 和 CSS 完成。有很多固定列的 css 布局示例。 one example is here

顺便说一句，如果您清除缓存并足够快地向下滚动，它在 FireFox 中也不起作用。有时图像会在 javascript 之前加载，但不能保证。