0

含まれるコンテンツの高さから高さを取得する div のセットがあります。これを行った理由は、これらの div 内のコンテンツを切り替えたいが、それに応じて高さを調整したいからです。これは、アニメーション中に高さが調整されることにも関係しています。問題は、高さに新しいコンテンツをロードしたときに適切に調整されないことです。私はテキストを読み込んでおり、jquery .loadでそれを行っており、スパンを使用して、テキストを保持している外部ページにテキストを含めています。

なんらかの理由で、.load のフォーマットが失われますが、理由はわかりません。.load の変更により、コンテナーがコンテンツに適合するように支援が必要です。

http://klossal.com/brigham_about2.html というページです。上のアニメーションは .load を使用したもので、高さを適切に調整していません。アニメーションを開始すると表示されます。2 番目のアニメーションは、インライン コンテンツを使用しており、コンテナーは想定どおりに調整されます。 

$("#outpt_main_open").click(function() {
$('#header_img_outpt_main').load('/brigham_profiles2.html     
#header_karlene_salguero_photo');
$('#header_paragraph_outpt_main').load('/brigham_profiles2.html      
#header_txt_karlene_salguero');
$('#bio_txt_outpt_main').load('/brigham_profiles2.html #bio_txt_karelene_salguero');
$('#edu_txt_outpt_main').load('/brigham_profiles2.html #edu_txt_karelene_salguero');
$('#contact_txt_outpt_main').load('/brigham_profiles2.html  
#contact_txt_karelene_salguero');
profile_outpt_main_open_animation();

});

それがロードを促すボタンです。最初に読み込みを実行してから、アニメーション機能を実行する必要がありますか? それとも、変数を新しいロード コンテンツで何らかの方法でリサンプリングする必要がありますか? それとも、これはまったく違うものですか?どんな助けでも大歓迎です.これは私を夢中にさせています.

4

1 に答える 1

0

問題は、アニメーション機能profile_outpt_main_open_animation()が、新しいコンテンツを読み込んだ後の新しい高さではなく、要素の元の高さを使用していることです。これを修正するには.height()、各要素の上部を計算するときに関数を使用します。

したがって、たとえば、代わりに

$("#profile_outpt_main_BIO").delay(330).animate({
    top:  profile_outpt_main_HEADER_ht + 20
}, 400);

代わりに新しい高さを使用します。

$("#profile_outpt_main_BIO").delay(330).animate({
    top:  $("#profile_outpt_main_HEADER").height() + 20
}, 400);

ここで示したものだけでなく、この関数の元の高さへのすべての参照を変更する必要があることは明らかです。

于 2012-10-13T21:48:51.913 に答える