massPaging
Home page

Documentation

Quick start API
Options Methods Events

Sets of control elements

Classic Go to Page Light Ultra Light Numbers only Shoulders Dotted Progress Bar Custom Full

Type of contents

Only Text Tags Mixed Images List

More Demos

Multiple Custom Start Page Custom Easing Animation Effect Disable Draggable State Disable Callback functions Auto Switching clearTags scrollTop

Themes

Base Material Bootstrap Gradient Light Gradient Dark

Possible errors

Error of height
BUY NOW

massPaging / API

API

The target audience of manual is developers sites that want to use the plugin on their web pages. Manual contains descriptions of the parameters, methods, and events and plugin is designed for developers who are familiar with JavaScript or jQuery.

Options

Option Default value Datatype Description
startPage 1 Number The current page that show on start.
It may take the values: any positive number
easing 'easeOutQuart' String This parameter specifies the type of animation when changing pages. Easing animation.
duration 700 Number Duration of animation.
It may take the values: any positive number
effect 'hSlide' String Animation effect.
It may take the values: 'simple', 'fade', 'hSlide', 'vSlide'
pageHeight 'auto' Number/String Height of pages.
It may take the values: any positive number or 'auto'
mpBtnVisible 5 Number/String Maximum visible pages.
It may take the values: any positive number
navDotWrapper false Boolean/String Element for generating Dotted control.
It may take the values: false or [selector]. Not supported browsers IE8 and below.
navProgressWrapper false Boolean/String Element for generating Progress control.
It may take the values: false or [selector]. Not supported browsers IE8 and below.
navGoWrapper false Boolean/String Element for generating Go To control.
It may take the values: false or [selector]
navInfoWrapper false Boolean/String Element for generating info block.
It may take the values: false or [selector]
navPrevWrapper false Boolean/String Element for generating Previous button.
It may take the values: false or [selector]
navNextWrapper false Boolean/String Element for generating Next button.
It may take the values: false or [selector]
navFirstWrapper false Boolean/String Element for generating First button.
It may take the values: false or [selector]
navLastWrapper false Boolean/String Element for generating Last button.
It may take the values: false or [selector]
navNumbersWrapper false Boolean/String Element for generating Number buttons.
It may take the values: false or [selector]
splitSymbols '.' String Symbol, which divides the content into parts.
It may take the values: any symbol
splitSymbolsReplace false Boolean/String The symbol that replaces the divide symbol.
It may take the values: any symbol or false
labelFirst 'First' String Contents First Button.
It may take the values: any text
labelLast 'Last' String Contents Last Button.
It may take the values: any text
labelNext 'Next' String Contents Next Button.
It may take the values: any text
labelPrev 'Prev' String Contents Prev Button.
It may take the values: any text
draggable true Boolean Controls the ability to drag and drop page.
It may take the values: true or false
saveState true Boolean Controls the ability to save the state of the pages in the History of browser.
It may take the values: true or false. Not supported browsers IE9 and below.

Methods

next()

Switches to the next page

This method does not accept any arguments

$('#veryLongContent').massPaging('next');
prev()

Switches to the previous page

This method does not accept any arguments

$('#veryLongContent').massPaging('prev');
first()

Switches to the first page

This method does not accept any arguments

$('#veryLongContent').massPaging('first');
last()

Switches to the last page

This method does not accept any arguments

$('#veryLongContent').massPaging('last');
goto(number)

Switches to the given page

Number

Type: number
The number of page

$('#veryLongContent').massPaging('goto',number);
getPageActive()

Returns the number of the active page

This method does not accept any arguments

$('#veryLongContent').massPaging('getPageActive');
getPageTotal()

Returns the total of pages

This method does not accept any arguments

$('#veryLongContent').massPaging('getPageTotal');
update()

It recalculates the number of pages

This method does not accept any arguments

$('#veryLongContent').massPaging('update');
destroy()

Removes all the functionality of plugin. It returns the element in the condition before the initialization of the plug-in

This method does not accept any arguments

$('#veryLongContent').massPaging('destroy');

Events

create()

Triggered when the pagination is created

$('#veryLongContent').massPaging({
       create: function(){}
});

pageChange(oldPage,newPage)

Triggered when the page num is changed

oldPage - Number of previous active page
newPage - Number of currently active page

$('#veryLongContent').massPaging({
       pageChange: function(oldPage,newPage){}
});