0

我正在做的是将不同的内容加载到每个按钮的 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 个这样的，但我每次都将不同的 php 页面加载到#galleries 中。

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

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

4

1 回答 1

0

这应该让你朝着正确的方向前进。

另外，我不知道您对它们的所有不同影响$(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();

      });

});
于 2013-01-17T19:55:09.840 回答