Events

After initialization, the plugin triggers the following events on the element:

• active
• inactive
• create
• createend
• reload
• reloadend
• destroy
• destroyend

Note: Some events are triggered from the constructor, so you have to bind to the events before you initialize the plugin:

$('.jcarousel-control')

    // Bind first
    .on('jcarouselcontrol:active', function(event, carousel) {
        // Do something
    })

    // Initialize at last step
    .jcarouselControl();

How the plugin understands active and inactive states:

If the target option is relative, +=1 for example, the control is active if there is at least one more item to scroll, inactive otherwise (if you're at the last item in this case).

If the target option is absolute, 0 for example (always scrolls to the first item), the control is active if the targeted item is at position 0, inactive otherwise.

active

Triggered when the control becomes active.

Example

$('.jcarousel-control').on('jcarouselcontrol:active', function() {
    // Do something
});

inactive

Triggered when the control becomes inactive.

Example

$('.jcarousel-control').on('jcarouselcontrol:inactive', function() {
    // Do something
});

create

Triggered on creation of the plugin.

Example

$('.jcarousel-control').on('jcarouselcontrol:create', function() {
    // Do something
});

createend

Triggered after creation of the plugin.

Example

$('.jcarousel-control').on('jcarouselcontrol:createend', function() {
    // Do something
});

reload

Triggered when the reload method is called.

Example

$('.jcarousel-control').on('jcarouselcontrol:reload', function() {
    // Do something
});

reloadend

Triggered after the reload method is called.

Example

$('.jcarousel-control').on('jcarouselcontrol:reloadend', function() {
    // "this" refers to the element
});

destroy

Triggered when the destroy method is called.

Example

$('.jcarousel-control').on('jcarouselcontrol:destroy', function() {
    // Do something
});

destroyend

Triggered after the destroy method is called.

Example

$('.jcarousel-control').on('jcarouselcontrol:destroyend', function() {
    // Do something
});