php - jQuery 和 AJAX 加载

Question

我正在制作一个页面，当您单击“故事”时，它会加载该故事的文本和媒体，我有一个单独的 PHP 脚本用于故事文本和媒体(视频或图像)加载。两个脚本都有效，而且实际上一切都有效。

我的问题是，当您单击故事时，它应该加载文本，然后在加载时向下滑动媒体但是，即使文本仍在加载，它也会向下滑动。

newspaper.nmyster.co.uk/是有问题的网站。点击左侧的 vimeo 故事，看看我的意思。

加载故事和媒体的 AJAX 代码是:

$.ajax({
  url: './scripts/storyLoader.php?storyid='+storyId,
  success: function(result){
    $('#storycontainer').hide();
    $('#loading').remove();
    $('#storycontainer').hide(0).html(result).fadeIn(1000);
    }
});
$.ajax({
  url: './scripts/mediaLoader.php?storyid='+storyId,
  success: function(result){
    $('.martefact').hide();
    $('#loading').remove();
    $('.martefact').html(result).slideDown(1000);
    }
});

基本上，我只希望在视频或图像加载完成后媒体 div 向下滑动。

谢谢

Answer 1

我会使用这样的东西:

var requestHandle;
function loadPage(url, vars) {
  //cancel pending
  if (requestHandle!=null)
      requestHandle.abort();

  //load page..
  requestHandle = $.get(url, vars, function(data) {
        $('#storycontainer').hide();
        $('#loading').remove();
        $('#storycontainer').hide(0).html(data).fadeIn(1000);
  });
}