0

私はいくつかのページを持っています（私のメニューリンクを含む「インクルード」PHPページを含みます。また、フッター「インクルード」PHPページもあります）。

基本的に、私が「ポーチ」と呼んでいるこの滑らかなアニメーションが下向きにアニメーション化されると考えました。これは基本的に、幅が 1000px の少し凝ったタイプの長方形です。そのため、たとえば「サービス」をクリックすると、ゆっくりと下にアニメーション化されます。

私のページのリンクは別として、現在私が持っているものの順序は次のとおりです。私のスクリプトは外部化されており、各ページにテキストがあります。たとえば、「サービス」ページの場合、テキストがあり、その後に「ポーチ」が続きます。「ポーチ」は私のフッター「インクルード」phpページにあります。

これは私がアニメーション用に持っているコードです。より多くのコーディングを含む別のプロジェクトで機能する同様のコードがあります。しかし、ここのコードは正しいと思います。問題は、他のページのテキストをロードする前にこのコードがトリガーされるようにするにはどうすればよいかということです:

$('#services-fr-2').click(function(){
   if ( $('#green-pouch-fr').height() == 580 ) {
      $('#green-pouch-fr').animate({
         'top':'800px',
         'height':'500'
      })

言い換えれば、テキストが次のページにあるとしても、ポーチが下向きにアニメーション化され、その後にテキストが表示される必要があります。

4

2 に答える 2

0

このanimate関数は、アニメーションの完了後に呼び出される関数をパラメーターとして受け入れます。

この質問がアニメーションの完了後にのみテキストを設定する方法を尋ねている場合は、次のようにすることができます。

 $('#green-pouch-fr').animate({
            'top':'800px',
            'height':'500'
            }, 
            {
                complete: function() {
                      $(this).text(pageContent);
                }
            }
  );
于 2013-10-15T00:41:23.823 に答える