Last page error - Bad InfiniteScroll path option. Next link not found

[einkoro]

If you load the last page of results directly where the path selector will no longer match any nodes it will throw the following error:

Bad InfiniteScroll path option. Next link not found: .page-numbers .next
Disabling InfiniteScroll
Uncaught TypeError: this.getPath is not a function

$( '.archive .products' ).infiniteScroll( {
    path: '.page-numbers .next',
    append: '.product',
    debug: true
} );

Test case: http://mmcurate.com/test/test-case-page-2.html

[desandro]

Thanks for reporting this issue! I'll be adding a fix in the next release that will stop if getPath has not been set. Thanks so much for proving a test case 😄

[ogabrielsantos]

When a new release is planned @desandro?

[desandro]

v3.0.1 has been released with this fix added. Please update! Closing this issue has resolved 🌈🐻

[ogabrielsantos]

Receiving same error when we have only one page.

[raihan004]

this issue isn't fixed yet, or did miss something?
I'm using latest version.

[zuicis]

Version: Infinite Scroll PACKAGED v3.0.2

Bad InfiniteScroll path option. Next link not found: .next a
Disabling InfiniteScroll

Issue on
a) on first page (if second not exist (small record count or user filtered content))
b) on last page (if you have multiple pages)

'pluginOptions' => [
'prefill' => true,
'append' => '.items > li',
'history' => true,
'path' => '.next a',
'debug' => false,
'status' => '.page-load-status',
//'hideNav' => '.pagination',
],

[vahidrk]

Same issue here. Also in my case, pagination and loader both get visible.

[kavin-90]

same issue here.

[desandro]

To be clear, The Uncaught TypeError: this.getPath is not a function should be fixed as of v3.0.2. The other error messages still occur.

As of v3.0.2 the intended behavior is on last pages where Infinite Scroll is initialized and path is set to a selector string, and that selected element is not available; Infinite Scroll will log two error messages:

Bad InfiniteScroll path option. Next link not found: .pagination__next
Disabling InfiniteScroll

These are error messages and not thrown JS errors, so they will not disrupt JS. These messages are useful for users who have set path to the wrong element, or are trying to use Infinite Scroll on a page with out a next link in the HTML. It does mean that the error will occur on final pages. If this bugs you can you set your Infinite Scroll code in a conditional:

// jQuery
if ( $('.pagination__next').length ) {
  $('.container').infiniteScroll({
    path: '.pagination__next',
  });
}

// vanilla JS
if ( document.querySelector('.pagination__next') ) {
  var infScroll = new InfiniteScroll({
    path: '.pagination__next',
  });
}