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加载更多脚本错误？

回答

相关问题