Events
After initialization, the plugin triggers the following events on the root and the item elements:
Note: Some events are triggered from the constructor, so you have to bind to the events before you initialize the plugin:
$('.jcarousel-pagination')
// Bind first
.on('jcarouselpagination:create', function(event, carousel) {
// Do something
})
// Initialize at last step
.jcarouselPagination();Root element events
These events are triggered on the root element.
create
Triggered on creation of the plugin.
Example
$('.jcarousel-pagination').on('jcarouselpagination:create', function() {
// Do something
});createend
Triggered after creation of the plugin.
Example
$('.jcarousel-pagination').on('jcarouselpagination:createend', function() {
// Do something
});reload
Triggered when the reload method is called.
Example
$('.jcarousel-pagination').on('jcarouselpagination:reload', function() {
// Do something
});reloadend
Triggered after the reload method is called.
Example
$('.jcarousel-pagination').on('jcarouselpagination:reloadend', function() {
// "this" refers to the element
});destroy
Triggered when the destroy method is called.
Example
$('.jcarousel-pagination').on('jcarouselpagination:destroy', function() {
// Do something
});destroyend
Triggered after the destroy method is called.
Example
$('.jcarousel-pagination').on('jcarouselpagination:destroyend', function() {
// Do something
});Item element events
These events are triggered on the item elements. The recommended way is to bind via delegated events:
$('.jcarousel-pagination')
.on('jcarouselpagination:active', 'a', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'a', function() {
$(this).removeClass('active');
});active
Triggered when the item becomes active.
Example
$('.jcarousel-pagination').on('jcarouselpagination:active', 'a', function() {
// Do something
});inactive
Triggered when the item becomes inactive.
Example
$('.jcarousel-pagination').on('jcarouselpagination:inactive', 'a', function() {
// Do something
});