Question

我目前正在使用Jquery加载函数来刷新页面的某些部分。 load调用的页面仅在满足某些db参数时才向div输出内容。我的问题是，在输出内容时，“跳转”到页面上。例如它将内容移到上方/下方以适应自己，但看起来很乱。

我想使用Jquery fadeIn来解决这个问题，并让它很好地淡出，但无法弄清楚如何使用load函数执行此操作。

加载功能代码是

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

Answer 1

你也可以试试这个：

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

这样fadeIn将在页面加载后执行。

Answer 2

请尝试此代码，请加载和fadeIn同时进行。

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

如果你希望fadeIn在加载之后你可以使用这样的回调函数：

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

在这种情况下，您在加载后进行fadeIn。取决于你想要的效果

使用$ .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'));

JQuery fadeIn和Load同时加载

2 个答案: