Skip to content
This repository was archived by the owner on Nov 21, 2024. It is now read-only.
This repository was archived by the owner on Nov 21, 2024. It is now read-only.

Worth adding to docs that using multiple classes on prevClass and nextClass options breaks when switching between page sets #58

Open
@Coder-Dan

Description

@Coder-Dan

So I tried adding a set of class rather than a single class to apply a css ruleset:

    $('.lib-page').bootpag({
      total: 7,
      page: 1,
      maxVisible: minimumPages,
      leaps: false,
      // For some reason, setting additional class breaks prev and next on next leap
      prevClass: 'unique-prev teal-green',
      nextClass: 'unique-next teal-red',
    }).on('page', function(event, num){
      $('.lib-page').parent().prepend('<p>Page ' + num + '</p>');
    })

But this ends up making the next and prev disappear and unable to go back to the first set of pages.

For example, on load I have this:

<< 1 2 3 4 >>

after 4 I get this:

5 6 7

I write this here as a message to other developers who end up doing the same as I did. Do not use multiple class on prevClass or nextClass as it breaks the pagination.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions