4

我正在构建一个 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页面被调用两次，导致重复项

我已经尝试了一些东西（包括在.on（）之前使用.off（）），但一点运气都没有
真的不知道问题可能是什么，请你帮忙吗？

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

先感谢您！！！

4

1 回答 1

1

解决方案来自插件作者：我不得不销毁并重新创建航点，所以这个：

$('#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' });
于 2013-03-23T12:48:20.317 回答