после loadind больше данных, используя ajax. новые данные загружены, изображение не загружается. используя ленивую библиотеку - PullRequest
Новая
       7

после loadind больше данных, используя ajax. новые данные загружены, изображение не загружается. используя ленивую библиотеку

0 голосов
/ 11 января 2019

при загрузке страницы все данные с ожидаемой загрузкой изображений. Я использую ленивую библиотеку для загрузки изображений, но когда я нажимаю показать больше и загружать больше данных из базы данных, все данные загружаются, кроме изображений. Я думаю, что это проблема ленивых, но Atlast не может найти решение. Может ли кто-нибудь помочь в решении этого вопроса. ниже мой фрагмент кода. 

 <script>
         $(document).ready(function() {
             var count = 36;
             $("#loadmore").click(function() {
                 count = count + 18;
                 $("#moredata").load("loadmore.php", {
                     sqlcount: count
                 });             
                });
         });    
    </script>

   </head>

   <body class="page">
      <div class="page__layout">

         <div class="overlay"></div>
         <?php include("includes/header.php");
         include("includes/conn.php");?>
         <div id="content-ajax">

            <!--MAIN-->
            <main class="page__main main">
                     <!--CATEGORIES-->
      <div class="inner">



    <?php
    echo '
      <div class="section popular scrollreveal scrollAnimateFade"> 
            <div class="container">
               <div class="section__inner">
                  <div class="row row--flex row--portrait">';
                     $sql = "************sql command********";
                     $result = $conn->query($sql);
                    if ($result->num_rows > 0) {
                      while($row = $result->fetch_assoc()) {
                          $imgload = $row["movieimglink"];
                          if($imgload == "nil") {
                              $imgload = $row["posterlink"];
                          }
                          if($row['typeq']=="movie") {
                              echo '
                     <div class="col-sm-2">
                        <a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
                            <div class="category-preview__image">
                                <span class="lazy-bg-img" data-original="'.$imgload.'"></span>
                                <div class="category-preview__info">
                                <div class="video-preview__quality">Movie</div>
                                    <div class="video-preview__duration">'. $row["duration"].'</div>
                                    <div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
                                    <div class="video-preview__quality">'. $row["quality"].'</div>
                                </div>
                            </div>
                            <div class="category-preview__name">
                                '.$row["moviename"].'
                            </div>
                        </a>                     </div>';
                          } else {
                              echo '
                            <div class="col-sm-2">
                            <a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
                                <div class="category-preview__image">
                                    <span class="lazy-bg-img" data-original="'.$imgload.'"></span>
                                    <div class="category-preview__info">
                                    <div class="video-preview__quality">TVseries</div>
                                        <div class="video-preview__duration">Episods : '. $row["duration"].'</div>
                                        <div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
                                        <div class="video-preview__quality">'. $row["quality"].'</div>
                                    </div>
                                </div>
                                <div class="category-preview__name">
                                '.$row["moviename"].'
                                </div>
                            </a>                     </div>';
                          }
                        }
                    }
                    echo '<div id="moredata">';
                    echo '</div>';
                 ?> 
                  </div>

               </div>
                    <!--pagination-->
                    <div class="page-controls">
                    <button  id="loadmore" class="show-more">Show more</button>

                  </div>               </div>
            </div>

приведенный ниже код - loadmore.php 

<?php 
include("includes/conn.php");

$finalcount = $_POST['sqlcount'];
$sql = "********mysql command************";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
  while($row = $result->fetch_assoc()) {
      $imgload = $row["movieimglink"];
      if($imgload == "nil") {
          $imgload = $row["posterlink"];
        }
        if($row['typeq']=="movie") {
            echo '
                     <div class="col-sm-2">
                            <a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
                                <div class="category-preview__image">
                                    <span class="lazy-bg-img" data-original="'.$imgload.'"></span>
            <div class="category-preview__info">
            <div class="video-preview__quality">Movie</div>
                <div class="video-preview__duration">'. $row["duration"].'</div>
                                                    <div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
                                                    <div class="video-preview__quality">'. $row["quality"].'</div>
                                    </div>
                                </div>
                                <div class="category-preview__name">
                                    '.$row["moviename"].'
                                </div>
    </a>                     </div>';
        } else {
            echo '
        <div class="col-sm-2">
        <a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
            <div class="category-preview__image">
                <span class="lazy-bg-img" data-original="'.$imgload.'"></span>
                <div class="category-preview__info">
                <div class="video-preview__quality">TVseries</div>
                    <div class="video-preview__duration">Episods : '. $row["duration"].'</div>
                    <div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
                    <div class="video-preview__quality">'. $row["quality"].'</div>
                </div>
            </div>
            <div class="category-preview__name">
            '.$row["moviename"].'
            </div>
        </a>                     </div>';
        }
    }
}
echo '<div id="moredata">';
echo '</div>';
?>
</div>
                </div>
...