サポート » プラグイン » 『Infinite-Scroll』の動作について

『Infinite-Scroll』の動作について

  • 解決済 shiosayu

    (@shiosayu)


    9年、 9ヶ月前

    はじめまして。
    初心者ですがよろしくお願いいたします。

    『Noteworthy』というテーマを使用しています。
    『Infinite-Scroll』のプラグインを使って無限スクロールしたいのですが、どうやって動かしていいのかわからずに困っています。

    まず設定する項目はこれで合っていますでしょうか？

    Content Selector→.item-wrap .clearfix

    Navigation Selector→.pagination

    Next Selector→.pagination a.next

    Item Selector→.item .col300

    これだけで動作しない場合ほかの項目も設定が必要なのでしょうか？

    教えて下さると助かります。
    よろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • Hinaloe

    (@hnle)

    9年、 9ヶ月前

    手元にサンプル用意してないので何も確認出来ておらずテキトーなこと言うかも知れませんが仮にそのセレクターだとして

    .item-wrap .clearfix、.item .col300はそれぞれ同一要素のようなのでスペースが入っていると意味が変わってしまいます。(ChromeやFirefoxのconsoleで$('.clearfix')のように入れればjQueryのセレクターが確認出来るかと思います。)

    そもそも

    Content Selector→.item-wrap
    Item Selector→.item
    だけで良さそうな気もしますが。

    トピック投稿者 shiosayu

    (@shiosayu)

    9年、 9ヶ月前

    回答ありがとうございます。
    試してみたのですが、解決できませんでした。

    サイトはこちらになっています。
    http://okodukai.moo.jp/

    もう一度見て頂けたら嬉しいです。

    Hinaloe

    (@hnle)

    9年、 9ヶ月前

    すいません。少し書き方が悪かったかもしれません。Navigation,Nextはそのままで、という意味でした。

    ただサイト見てみるとa.nextやそれに対応するクラス見つかりませんでしたね…………(テーマ弄らなければいけないかもしれない)

    (あとこのプラグイン設定の出力が無駄にjsonにしてエスケープされてしてくれてるから出力を一瞬疑ってしまった…………

    トピック投稿者 shiosayu

    (@shiosayu)

    9年、 9ヶ月前

    解決しましたのでご報告です。

    親切な方に教えてもらうことができまして、無事に動かすことができました。

    Content Selector
    には ↓
    .item-wrap

    Navigation Selector
    には ↓
    .pagination

    Next Selector
    には ↓
    .pagination a:first

    Item Selector
    には ↓
    .item

    で、私のサイトでは作動しております。

    ご丁寧にアドバイスくださいましてありがとうございます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「『Infinite-Scroll』の動作について」には新たに返信することはできません。

トピックタグ

表示