php – 为什么这个无限滚动在IE中不起作用？

发布时间：2020-12-13 16:21:00 所属栏目：PHP教程来源：网络整理

导读：以下代码适用于Chrome和Firefox.对于IE,它会滚动浏览相同的内容.我广泛搜索了一个解决方案,但一无所获. 头 script src="http://code.jquery.com/jquery-1.9.1.min.js"/scriptscript type="text/javascript"$(window).scroll(function(){ if($(window).scroll

以下代码适用于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将负责处理它.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!