2013-03-02 33 views
4

下面的代碼適用於Chrome和Firefox。對於IE,它滾動瀏覽相同的內容。我廣泛搜索了一個解決方案,但什麼也沒找到。爲什麼在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 
     '; 
     } 
    } 
?> 

回答

2

IE是名聲爲它的積極的緩存特別是與AJAX。

嘗試向ajax調用的URL(如時間戳)添加一些隨機查詢字符串。

你也可以在你的代碼中指定此:$.ajaxSetup({ cache: false });

這樣你就不必手動添加查詢字符串,jQuery將照顧它。

+0

這完美的作品。謝謝! – 2013-03-02 23:01:58

+0

我應該在哪裏插入那行代碼:「cache」? – FarrisFahad 2015-05-19 11:23:39

+0

這個設置是全局的,可以在任何給定的時間在腳本文件中設置。在調用jQuery ajax函數之前,只需確保它已加載。 – 2015-06-27 00:30:05

相關問題