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

これは 1 つのコードの例です。このような別の 8 を取得しましたが、#galleries に毎回別の php ページをロードしています。

私の問題は、2 番目のページを読み込むのに時間がかかることです。たとえば、ボタンを最初にクリックすると、コンテンツが何であれ、すべてを読み込むのに 1 秒かかります。しかし、別のボタンを押して別のページをロードするたびに、約3〜5秒待つ必要があり、待っている間は何も表示されず、divは表示されず、背景だけが表示されます.

これを修正することは可能ですか？あるいは、LOADING 画像またはテキストを挿入して、ユーザーにロード中であることを知らせることは可能ですか? そのため、ページが読み込まれている間、ユーザーには「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 に答える