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

OR

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

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

2 个答案: