2017-06-10 17 views
0

私は古いYouTubeチュートリアルに従っていますが、正確に行うことはできません。私の最後には何も載っていません。基本的に、私がしたいのは、Webページ上のデータベースからポスト3または5のデータをポストし、ユーザーがスクロールするとさらに多くのデータがロードされます。それ)。 今、私のウェブページは空であり、何も飛び出していません。 ほぼ1時間放浪して物事を変え、二重のチェックをしても無駄なことはありません。 は、どのような援助が高く評価されて:) ここに私のindex.phpはjQuery関数より多くのデータを動的にロードする

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <!-- Required meta tags always come first --> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <meta http-equiv="x-ua-compatible" content="ie=edge"> 


    <script type="text/javascript" src="jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 

      //var to auto-increment 
       var flag = 0; 

       $.ajax({ 
        type: "GET", 
        url: "get_data.php", 
        data:{ 
         'offset': 0, 
         'limit': 3 
        }, 
        success: function(data){ 
         $('body').append(data); 
         flag += 3; 
        } 

       }); 

       $(window).scroll(function(){ 

        if($(window).scrollTop() >= $(document).height() - $(window).height()){ 

        $.ajax({ 

         type: "GET", 
         url: "get_data.php", 
         data:{ 
          'offset': flag, 
          'limit': 3 
          }, 
         success: function(data){ 
         $('body').append(data); 
         flag += 3; 
          } 

        }); 

       } 
     }); 
    </script> 

    <style type="text/css"> 

     .blog-post{ 
      border-bottom: solid 4px black; 
      margin-bottom: 20px; 
     } 
     .blog-post h1{ 
      font-zise: 40px; 
     } 
     .blog-post p{ 
      font-size: 30px; 
     } 
    </style> 


</head> 
    <body> 

    </body> 
</html> 

ある「get_data.php」のリンクを参照してください。https://pastebin.com/MYz2bjFN jquery.min.jsが同じフォルダだけでなく、get_dataです。 php。 データベースが存在します。

+1

前にタグを使用すると、デベロッパーコンソール内の任意のjsエラーが出るのですか?あなたは、エラー・ログ内の任意のPHPエラーが出ますが?あなたはに開発ツールでネットワーク]タブを確認しました –

+0

外部サービスへのリンクではなく、質問自体にすべての関連コードを含める必要があります。外部リンクが変更/停止した場合、この質問は役に立ちません。将来の訪問者のため –

+0

ありがとうマグナス、私はチェックだデベロッパーツールのネットワークタブを表示し、最終行ではキャッチされていない例外を表示します。 –

答えて

0

問題が見つかりました。 私はchromeの開発ツールを使用して、ネットワークタブをチェックして、エラーが表示されない主な理由を見つけました。なぜなら、$(window).scroll(function(){... didマグナス・エリクソンへ。

ビッグ感謝。

関連する問題