jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在用户到达底部之前使用jquery自动触发“加载更多”链接.怎么样?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_874_2@
好,朋友们.我有一个类名为“more_updates”的链接.我希望每次用户达到页面的80%时自动触发加载更多链接.

我列出了50个产品.每行包含5个带图像的产品.在底部我加载了更多的链接.如果用户达到第7行或第8行,则应自动触发加载更多链接.这是我正在使用的代码.但它加载了更多的产品.
请告诉我这段代码有什么不对.谢谢

<!-- language: lang-js -->
    $(window).scroll(function(){
            if  ($(window).scrollTop() >= ($(document).height() / 2) - $(window).height()){
                if (!flag) {           
                      // if is not loading data,start the call
                      $('.more_updates').click();      // to invoke the click event of loading updates
                }
            }
    });
@H_874_2@

解决方法

我认为你是以错误的方式触发click事件(因为在你的情况下它不是由用户触发而是通过scroll方法触发).改变$(‘.more_updates’).click(); to $(‘.more_updates’).trigger(“click”);

read more here

编辑/ updatE:

停止点击事件冒泡活动:

...
$('.more_updates').live("click",function (E) {
e.stopImmediatePropagation()
...

read more here

当没有满足结果条件时,还解压缩/点击事件.show_more:

else { 
  $(".moreBox").html('No More Results.'); // no results
  $('.more_updates').die("click");
}

@L_674_21@

@H_874_2@ @H_874_2@
@H_874_2@
@H_874_2@

大佬总结

以上是大佬教程为你收集整理的在用户到达底部之前使用jquery自动触发“加载更多”链接.怎么样?全部内容,希望文章能够帮你解决在用户到达底部之前使用jquery自动触发“加载更多”链接.怎么样?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。