Ajax加載更多腳本錯誤？

Question

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

怎么了？

這是我的代碼

<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 ，但仍然存在問題...感謝此小提琴的代碼凝視。

編輯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示例源

Answer 1

這是帶有純html的jsfiddle ，效果很好。 我認為您應該添加$(document).ready() ，如我的小提琴所示；）

更新：使用所有必需的標簽構造您的頁面以獲得有效的html頁面，您的代碼將可用。 您的代碼非常簡單，因此您將要使用的jquery版本都不重要。

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

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

</body>
</html>

Ajax加載更多腳本錯誤？

問題描述

1 個解決方案

解決方案1
1 已采納 2015-08-16 20:15:04

Ajax加載更多腳本錯誤？

問題描述

1 個解決方案

解決方案1 1 已采納 2015-08-16 20:15:04

解決方案1
1 已采納 2015-08-16 20:15:04