jquery - JQuery淡入和同时加载

Question

我目前正在使用 Jquery 加载功能来刷新页面的某些部分。仅当满足某些 db 参数时，调用的页面load才会向 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

请尝试此代码，以确保加载和淡入是同时进行的。

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

另外，如果您希望淡入在加载之后，您可以使用如下回调函数：

$('#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'));