Ajax加載更多腳本錯誤？

嘿，我測試了一個我在網上找到的loadmore腳本。但是，當您完成向下滾動時，它不會加載內容。當您完成向上滾動xD時，它正在加載它！Ajax加載更多腳本錯誤？

出了什麼問題？

這裏我的代碼

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 

<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) 
      { 
       $("#postswrapper").append(html); 
       $('div#loadmoreajaxloader').hide(); 
      }else 
      { 
       $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>'); 
      } 
     } 
     }); 
    } 
}); 
</script> 

<div id="postswrapper"> 
    <div class="item">content</div> 
    Hey<br> 
    Hey<br> 
    Hey<br> 
    Hey<br> 
    Hey<br> 
    Hey<br> 
---- MORE ADDED HERE BUT CUTTED OUT CAUSE WOULD BE VERY LONG! ---- 
    Hey<br> 
    <div id="loadmoreajaxloader" style="display:none;"><center><img src="ajax-loader.gif" /></center></div> 
</div>

Loadmore.php只包含回聲，然後例如DIV與內容..

控制檯也爲空。

感謝大家:)

編輯

這裏是一個工作JSFIDDLE我複製了，但還是同樣的問題...感謝codegaze這個小提琴。

EDIT 2 這裏我的代碼，在工作的jsfiddle！

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(window).scrollTop() == $(document).height() - $(window).height()) { 
      alert("This is the end"); 
     } 
    }); 
}); 
</script> 


<div id="postswrapper"> 
    <div class="item">content</div>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    --- CUTTED OUT SOME MORE--- 
    <br>Hey 
    <br>Hey 
    <br>Hey 
    <br>---- MORE ADDED HERE BUT CUTTED OUT CAUSE WOULD BE VERY LONG! ---- Hey 
    <br> 
    <div id="loadmoreajaxloader" style="display:none;"> 
     <center> 
      <img src="ajax-loader.gif" /> 
     </center> 
    </div>

我也下載源來自例子我在網上找到......其工作...唯一不同的，我可以在第一視圖看到的是，它包括jQuery的1.4.4 ????
GITHUB EXAMPLE SOURCE

來源

2015-08-16 Maddy S.

地方（）'在IF語句中的第一行看到一個'警告如果它運行。 – CodeGodie

我addd它，它運行時，因爲當您滾動頂部 –

太添加內容，這意味着您的if語句正常工作正確嗎？只是想看看那裏的錯誤是發生 – CodeGodie

這是一個jsfiddle與純html和工作得很好。我想你應該添加一個$(document).ready()如在我的小提琴;）

UPDATE：構造你的頁面與所有需要的標籤來獲得一個有效的html頁面，你的代碼將工作。你的代碼非常簡單，所以你使用的女巫jQuery版本無關緊要。

這是一個簡單的HTML頁面。添加您的內容並檢查結果。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
</head> 
<body> 

</body> 
</html>

來源

2015-08-16 20:15:04 codegaze

感謝您的小提琴現在IAM完成迷茫...... 我添加的文檔閱讀..和你的線，我的阿賈克斯... 還是同樣的問題蔭使用谷歌瀏覽器，也許這就是爲什麼？我應該使用IE嗎？ –

不應該在所有的瀏覽器確定。你可以發佈你的新代碼嗎？嘗試一個沒有ajax功能的例子，只是一個簡單的alert或console.log來查看結果 – codegaze

當然，我將我的新代碼添加到問題中。我做它仍然是相同的問題的xD –

Ajax加載更多腳本錯誤？

回答

相關問題