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

check if .load has actually loaded content yet, then slide down

本文关键字：然后 是否 load 加载 检查      更新时间：2023-09-26

所以我想滑动一些使用jquery。load函数加载的内容

这里是加载内容的地方然后是Hide it

 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接受回调作为参数http://api.jquery.com/load/

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

使用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')
     });
  });
});
相关文章：