0

我正在使用 jquery .load 将内容加载到 div 中。发生的情况是页面的其余部分如何忽略内容的高度。我正在加载它

jQuery(document).ready(function ($) {
$('#loader_container').load('brigham_overview.aspx');
});

这是页面http://www.brighamandwomens.org/Patients_Visitors/pcs/rehabilitationservices/mock/overview.aspx

您可以看到它是如何溢出底部的，而电子邮件链接则位于“看一看”磁贴的顶部，它应该位于最底部。

我想知道是否有办法让 .load 发生，然后在加载后以某种方式使用脚本为“loader_container”分配加载内容中包装器 div 的高度？

那或者有没有办法在加载正文的其余部分之前以某种方式运行脚本？

4

1 回答 1

1

这看起来是您的 CSS 而不是您的 .load() 函数的问题。我注意到里面的所有容器#totalContainer都是绝对定位的。这就是为什么它没有正确计算高度的原因。

如果可能，其他一些建议是将您的图像设置为背景图像。看起来你只是在绝对定位所有东西并将它们放在彼此之上。这似乎并不理想或语义......

以这部分为例...

<div id="news_backing" class="blue" style="width: 314px; height: 165px; position: absolute; z-index: 2; background-color: rgb(239, 245, 248); background-position: initial initial; background-repeat: initial initial; ">
</div>
<img id="news_icon" src="http://www.klossal.com/brigham/what_we're_upto_icon.png" style="width: 118px; height: 46px; top: 55px; left: 30px; position: absolute; z-index: 3; ">
<p id="news_header_txt" class="news_txt" style="width: 110px; top: 55px; left: 180px; position: absolute; z-index: 3; font-size: 20px; color: rgb(14, 134, 161); font-family: Arial, light, sans-serif; "> 
What We're Up To
</p>

您可以将图像设置为背景图像，并且<p></p>标签应位于 div 内。不是绝对位于它的顶部。

我真的不知道这会有多大帮助，但在我看来，这不是您的.load()要求造成的。它是您的 CSS 和 HTML 结构。

...

如果可以避免的话，最后一个友好的建议是不要使用内联样式。从长远来看，这将使事情变得容易得多。

于 2012-10-19T19:51:57.363 回答