jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了无限滚动(Waypoints)与jQuery Mobile,Back按钮和远程脚本调用两次大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个jQuery Mobile网站以供将来与PhoneGap一起使用,所以我的所有内容都是通过 AJAX从远程 PHP / MysqL提取数据来加载的

在主页中,我最初仅加载前10个新闻;然后,使用“更多…”按钮,我加载下一个10,依此类推,直到从数据库提取所有记录

http://www.media-italia.eu/app/index2.html

单击新闻并返回“返回”按钮可恢复初始状态(前10个项目已加载).没关系,到目前为止还不错

现在是棘手的部分:我想在我的页面上“无限卷轴”,所以我利用了jQuery Waypoints插件,这就是结果:

http://www.media-italia.eu/app/index.html

一切似乎都很好,但这里有一个奇怪的事情(请打开控制台看看)
当我点击新闻,然后返回并滚动时,PHP页面被@L_801_17@两次,从而产生重复的项目

我尝试了一些事情(包括.on()之前使用.off()),但根本没有运气
真的不知道可能是什么问题,请帮忙吗?

我还准备了一个可下载的脚本:http://www.media-italia.eu/app/app.rar

先感谢您!!!

解决方法

解决方案来自插件作者:我必须销毁并重新创建航点,所以这个:

$('#home .content').waypoint(function(direction) {
    if (direction === 'down'){
        $('#next').trigger('click');
    }
},{ offset: 'bottom-in-view' });

变成这个:

$('#home .content').waypoint('destroy');
$('#home .content').waypoint(function(direction) {
    if (direction === 'down'){
        $('#next').trigger('click');
    }
},{ offset: 'bottom-in-view' });

大佬总结

以上是大佬教程为你收集整理的无限滚动(Waypoints)与jQuery Mobile,Back按钮和远程脚本调用两次全部内容,希望文章能够帮你解决无限滚动(Waypoints)与jQuery Mobile,Back按钮和远程脚本调用两次所遇到的程序开发问题。

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

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