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();

      });

});

.load方法耗时太长

1 个答案: