Бесконечный свиток: двойной контент в Chrome + не работает в IE

Question

Нижеприведенный код работает в Firefox 19.0. Скрипт загружает случайные статьи из базы данных.

Он повторно загружает одно и то же содержимое в Internet Explorer и загружает в Chrome два + разных контента.

<script type="text/javascript"> 
$(window).scroll(function() 
{ 
if($(window).scrollTop() == $(document).height() - $(window).height()) 
{ 

$('div#loadmoreajaxloader').show(); 
$.ajax({ 
url: "loadmore.php", 
success: function(html) 
{ 
if(html) 
{ 
$("#wrapper").append(html); 
$('div#loadmoreajaxloader').hide(); 
}else 
{ 
$('div#loadmoreajaxloader').html('<center>No more posts to show.</center>'); 
} 
} 
}); 
} 
}); 
</script> 

здесь loadmore.php

<?php 
include('db.php'); 
$stmt = $db->prepare("SELECT * FROM db ORDER BY RAND() DESC LIMIT 9"); 
if($stmt->execute()){ 
while ($row = $stmt->fetch()) { 
echo' 
content here 
';}} 
?> 

Answer 1

Я думаю, вы всегда получать те же 9 элементов, поскольку ваш запрос MySQL не имеет смещения.

Попробуйте добавить смещение, как это:

На loadmore.php

$limit=9; 
$limit_offset = $limit*$_GET['offset']; 
$stmt = $db->prepare("SELECT * FROM db ORDER BY RAND() DESC LIMIT :limit OFFSET :offset"); 
$stmt->bindValue(':limit', $limit, PDO::PARAM_INT); 
$stmt->bindValue(':offset', $limit_offset, PDO::PARAM_INT); 

На ваш код JavaScript:

<script type="text/javascript"> 
var offset = 0; 

...

$.ajax({ 
    url: "loadmore.php", 
    data: { offset: offset } 
    success: function(html){ 
     if(html){ 
      offset++; 
      $("#wrapper").append(html); 
      $('div#loadmoreajaxloader').hide(); 
     } else { 
      $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>'); 
     } 
    } 
});