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

それが下からはみ出しており、電子メール リンクが [Take a Look] タイルの一番上にあり、一番下にあるはずです。

.load を発生させ、それがロードされた後、何らかの方法でスクリプトを使用して、ロードされたコンテンツのラッパー div の高さを「loader_container」に割り当てる方法があるかどうか疑問に思っていますか?

または、ボディの残りの部分が読み込まれる前にスクリプトを実行する方法はありますか?

4

1 に答える 1

1

これは、.load() 関数ではなく、CSS の問題のようです。#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 に答える