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

所以我想向下滑动一些使用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函数来代替。。。但是我想看看是否还有其他方法。

.load

接受回调作为参数

---

.load

接受回调作为参数

---

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

试试这个

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

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

或

---

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