Question

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

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

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

你可以看到它如何溢出底部和电子邮件链接在顶部的Take a Look瓷砖上它应该位于最底层。

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

是否有办法以某种方式让脚本在加载正文的其余部分之前运行？

Answer 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结构。

...

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

内容管理忽略.load容器的高度

1 个答案: