Waypoints.js,如何重新进行初始检查

Waypoints.js, how to re-do the initial check?

本文关键字:检查 何重新 js Waypoints      更新时间:2023-09-26

我正在构建一个网站,在那里我需要一个表,我可以向下滚动,直到没有更多内容,但它一次只能查询大约50个条目。所以它有点像无限卷轴。

我现在遇到的问题是,我想重新进行Waypoints.js在初始化新航路点时所做的初始检查:

"当创建一个航路点时,过程中的一个步骤是检查该航路点是否已经向下通过。如果已经通过,则立即触发航路点处理程序。"-http://imakewebthings.com/waypoints/api/enabled-option/

我想这样做的原因是,假设我将碎片的大小设置为25,并且它不会填充整个屏幕,我永远不会触发航路点事件并获得更多条目。

我设法通过这样做来解决这个问题:

function initWaypoint(){
    if($waypoint){
        $waypoint.destroy();
    }
    $waypoint = $("#waypoint").waypoint(function(){
        queryFragment();
    },{
        offset: 'bottom-in-view'
    })[0];
}

它查询更多的片段,直到屏幕被填满,但对于我来说,它的解决方案有点太脏了。尽管如此,我还是完成了任务,没有给我带来任何性能问题。有更好的方法吗

您的操作方式正是Waypoints Infinite Scroll快捷方式的处理方式,即销毁航路点,然后在加载新项目后重新初始化航路点。