ajax - Jquery 滚动在 IE 上点击两次

标签 ajax jquery scroll

这段代码会在 div 滚动到末尾时调用 ajax。它应该是一个自动动态滚动。这个 ajax 获取列表中的下一个 X itens。

 $("#gvContacts").scroll(function(){
     var scrolltop=$('#gvContacts').attr('scrollTop');  
     var scrollheight=$('#gvContacts').attr('scrollHeight');  
     var windowheight=$('#gvContacts').attr('clientHeight');                             

     if(scrolltop==(scrollheight-(windowheight)))  
     {                                
        var p = eval($("#pageNumber").val());        
        $("#pageNumber").val(p + 1); // This updates what page should the ajax get next
        loadRelatedFilters(false); //This call an ajax to load more 
     }
 }

它在 FF、Chrome 上运行良好...它也适用于 IE。但它击中了两次,无法弄清楚。每次到达列表末尾时,它都会显示 2 页而不是一页。

最佳答案

听起来你需要 debounce滚动事件。然而,听起来真正是您正在开发“无限滚动” - 我错了吗?

如果是这样 - 只需使用已经编写的内容即可! http://www.infinite-scroll.com/

关于ajax - Jquery 滚动在 IE 上点击两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2087620/

相关文章:

jquery - meteor 点击发生两次

angularjs - 单击按钮时的 Angular 滚动 div

javascript - 使用ajax在按钮单击上显示表格

javascript - php 信息未通过 session 和分页传递

javascript - 提交带有一些附加参数的表单(post,NOT ajax)

java - 按下按钮时 JTextField 自动更改值

jQuery:调用 URL 时滚动到 anchor ,替换浏览器行为

javascript - TokenMismatchException laravel 5.3

javascript - 在输入键上提交文本字段(AJAX)

javascript - 用javascript比较日期