以下代码适用于Chrome和Firefox.对于IE,它会滚动浏览相同的内容.我广泛搜索了一个解决方案,但一无所获.
头
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(window).scroll(function()
{
if($(window).scrollTop() == $(document).height() - $(window).height())
{
$('div#loadmoreajaxloader').show();
$.ajax(
{
url: "http://www.hackedflashgames.com/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 games ORDER BY RAND() LIMIT 6");
if($stmt->execute()){
while ($row = $stmt->fetch()) {
echo'
content here
';
}
}
?>
最佳答案 IE因其强大的缓存而闻名,尤其是AJAX.
尝试将一些随机查询字符串添加到ajax调用的URL(如时间戳).
您也可以在代码中指定:$.ajaxSetup({cache:false});
因此,您不必手动添加查询字符串,jQuery将负责处理它.