javascript - 检查 .load 是否已经实际加载了内容，然后向下滑动

Question

所以我想向下滑动一些用 jquery .load 函数加载的内容

我有这个我加载内容然后隐藏它

 function froth(){
   $("#area").hide();
   $("#area").load("test.html #enquiry1");
   $("#area").hide();
}

在这里，我想确保当我单击按钮时它会加载文档，然后一旦加载，它就会向下滑动内容。

$(document).ready(function() {
$('#t1').on('click', function(){
    froth();
    $('#area').ready(function(){$("#area").slideDown('slow');})

});
});

关于如何做到这一点的任何想法。

我一直在查看 API，看起来我可能不得不使用一些 ajax 函数来代替......但我想看看是否还有其他方法。

Answer 1

.load接受回调作为参数http://api.jquery.com/load/

$("#area").load("test.html #enquiry1", function() {alert('done')});

Answer 2

使用 load 的回调函数确保加载的内容首先加载..然后做动画

尝试这个

$(document).ready(function() {
  $('#t1').on('click', function(){
    froth();
  });
});

function froth()
{
  $("#area").hide();
  $("#area").load("test.html #enquiry1",function(){
       $(this).slideDown('slow')
  });
}

或者

$(document).ready(function() {
  $('#t1').on('click', function(){
     $("#area").hide().load("test.html #enquiry1",function(){
       $(this).slideDown('slow')
     });
  });
});