metafizzy / metafizzy/flickity

Does not trigger flickity carousel "settle" event

Open
#1,287 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.6k
Forks
593
PR merge metrics
No merged PRs in 30d

Description

Hello,

I use Flickity v2.3.0 on my shopify theme.
I want to trigger some custom actions when detecting the settle event of flickity carousel. However, I added the following code at the end of my flickity.js but there is no settle event when i change from slide to slide. You can have a look at the following webpage and observe the settle event is not logged: https://ezokofishing.com/products/chaos-tackle-medussa-micro

**CODE ADDED**
var $carousel = $('.carousel').flickity();

$carousel.on( 'settle.flickity', function( event, index ) {
console.log( 'Flickity settled at ' + index );
});

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the reported behavior on the linked product page using the supplied Flickity initialization and settle.flickity handler. Compare the carousel setup with the documented event behavior; done means the handler logs the settled slide index when changing slides.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.