如何删除分页中的三个点

Question

I'm new to this forum.
I'm trying pagination for my own demo website. When long pagination (...) three dot occurs and I don't want that. How can I remove that three dots?

See the image: Image Link

And here my code:

 $(function() { var flexiblePagination = $('#contents').flexiblePagination({ itemsPerPage : 4, displayedPages: 5, itemSelector : 'div.content:visible', pagingControlsContainer : '#pagination', showingInfoSelector : '#showingInfo', btnFirstText: "First", btnLastText: "Last", btnNextText: "Next", btnPreviousText: "Prev", css: { btnNumberingClass: 'btn btn-sm btn-success', btnFirstClass: 'btn btn-sm btn-success', btnLastClass: 'btn btn-sm btn-success', btnNextClass: 'btn btn-sm btn-success', btnPreviousClass: 'btn btn-sm btn-success' } }); flexiblePagination.getController().onPageClick = function(pageNum, e){ console.log('You Clicked Page: '+pageNum) }; });

Answer 1

Increase your displayedPages: 5 to maximum number of your pages or you will need to edit js file of plug in itself.

In your Flexible.Pagination.js file on line 324 is this line:

if ( starting != (numPages-1)){
            pagingControls += createButton('...', 'se-page-num'+this.instanceId+' '+this.css.btnActiveClass, true);
        }

try removing it, or remove just ... and see what happens.