infinite scrollでpathの読み込みに失敗する

Question

エラーメッセージ

js.console

Bad InfiniteScroll path option. Next link not found: .next a[rel=next]

Disabling InfiniteScroll

環境

rails 6.0.2
ubuntu (wsl)
Infinite Scroll 4.0.1

該当ソースコード

index.html.slim

#talkes
  - @talks.each do |talk|
    .card.mx-auto.talk-card
      .card-body
        .card-title.text-muted.user-info
         //省略
        .card-text
          = link_to simple_format(h(talk.content), {}, sanitize: false, wrapper_tag: "div"), talk
          - split_tags(talk.tag_list).each do |tag|
            i.fas.fa-tags.tag-list
            span.tag-list = link_to tag, talks_path(tag_name: tag)
          .row.button-area
            = link_to talk, class: "btn-gradient-radius"
              i.far.fa-comment
              span コメント
            = render "likes/like", talk: talk
  = link_to_prev_page @talks, "前のページ", class: "prev"
  = link_to_next_page @talks, "次のページ", class: "next"
  = render "index_new_talk_btn"

talks.js

$(document).on('turbolinks:load', function () {
  $('#talkes').infiniteScroll({
    path: ".next a[rel=next]",
    append: ".talk-card"

  })
})

application.js

//= require jquery
//= require rails-ujs
//= require popper
//= require turbolinks
//= require bootstrap
//= require activestorage
//= require_self
//= require_tree .
//= require infinite-scroll.pkgd.min

infiniet-scrollはこちらから取りました。

Answer 1

自己解決しました。

talk.jsを修正したら動きました。

$(document).on('turbolinks:load', function () {
  $('.talk-card').infiniteScroll({
    path: "nav ul.pagination a[rel=next]",
    append: ".talk-card",

  });
});