When I click the forward arrow (>) , on the first click, scroll/target +=9 does nothing.
On the second click, scroll/target +=9 only increments by 1.
On the 3rd click, scroll/target +=9 finally scrolls the carousel by 9 items.
I would like the forward arrow to increment by 9 starting on the first click.
I have tried this syntax:
$('.jcarousel-control-next').jcarouselControl({
target: '+=9'
});
as well as this:
$('.jcarousel-control-next').click(
function(){
jcarousel.jcarousel('scroll', '+=9');
}
);
Both have the same behavior. Am I doing something wrong here?
I have set up an example of the issue I'm seeing here: http://jsfiddle.net/3nw360zy/
When I click the forward arrow (>) , on the first click, scroll/target +=9 does nothing. On the second click, scroll/target +=9 only increments by 1. On the 3rd click, scroll/target +=9 finally scrolls the carousel by 9 items.
I would like the forward arrow to increment by 9 starting on the first click.
I have tried this syntax: $('.jcarousel-control-next').jcarouselControl({ target: '+=9' }); as well as this: $('.jcarousel-control-next').click( function(){ jcarousel.jcarousel('scroll', '+=9'); } );
Both have the same behavior. Am I doing something wrong here?