.load方法花费的时间太长

Question

我正在做的是将不同的内容加载到div每个按钮中。 我正在这样做的代码：

$(function(){
    $('#galleries').hide().load("letters/index.php", function(){
        $(this).slideDown(1);
        $(this).slideUp(1);  
        $(this).hide();
        $(this).slideDown(1500);/* or fadeIn() or any other effect*/
        document.getElementById("data").style.display = 'none';
    });
});

这是一个代码的示例。 我又得到了8个这样的代码，但是每次我都在#galleries中加载一个不同的php页面。

我的问题是，加载第二页需要花费很多时间。 例如，在我第一次点击任何按钮时，加载所有内容都需要花费一秒钟，无论它包含什么内容。 但是每当我按下另一个按钮以加载另一个页面时，我都必须等待大约3-5秒，而当我等待时，它什么也没有显示，没有div被显示，只有背景。

有可能解决这个问题吗？ 或者，是否可以插入LOADING图片或文本以使用户知道其正在加载？ 因此，在加载页面时，用户会看到：“ LOADING ..”或某些加载图标。

Answer 1

这应该使您朝正确的方向前进。

我也不知道您对$(this)所有不同影响是什么。

$(function(){ 
    $(".loading-image").show();

     $('#galleries').hide().load("letters/index.php", function(){
          $(this).slideDown(1);
          $(this).slideUp(1);    
          $(this).hide();
          $(this).slideDown(1500);/* or fadeIn() or any other effect*/

          $("#data").hide(); //replacing your getElementById


          $(".loading-image").hide();

      });

});