0

現在、Jquery ロード機能を使用してページの一部を更新しています。によって呼び出されるページはload、特定の db パラメータが満たされた場合にのみ、div に何かを出力します。私の問題は、何かが出力された瞬間にページに「ジャンプ」することです。たとえば、コンテンツを上下に移動して収まるようにしますが、乱雑に見えます。

私はこれに対処するためにJquery fadeInを使用してうまくフェードインさせたいと思っていましたが、load関数でこれを行う方法がわかりません。

ロード機能コードは

$('#divToLoadInto').load('refresh.php?value=1');
4

2 に答える 2

2

これを試すこともできます：

$('#divToLoadInto').load('refresh.php?value=1', function() {
  $(this).fadeIn('slow');
});

そうすれば、ページがロードされた後にフェードインが実行されます。

于 2012-11-14T08:05:15.603 に答える
1

ロードとフェードインが同時に行われるように、このコードを試してください。

 $('#divToLoadInto').load('refresh.php?value=1').fadeIn('slow');

また、fadeIn をロード後にしたい場合は、次のようにコールバック関数を使用できます。

$('#divToLoadInto').load('refresh.php?value=1', function() {
  $(this).fadeIn('slow');
});

この場合、ロード後にフェードインを行います。欲しい効果による

$.post を使用

 //create a div with id divhidden and hide it
 $("#divhidden").hide();
 $.post('refresh.php?value=1',function(response) { // (added quotes)
         $("#divhidden").html(response);
    });


$('#divToLoadInto').append($("#divhidden").show('slow'));
于 2012-11-14T08:03:21.627 に答える