kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.33k stars 5.88k forks source link

Slick slider blocks show hide jQuery on mobile #4292

Open StudioSon opened 3 months ago

StudioSon commented 3 months ago

short description of the bug / issue, provide more detail below.

Could anyone help me on the following issue:

I'm using a slick slider on four items. Each item contains two layers that can be toggled by a user's (mouse)click (using jQuery with .show .hide.) I use breakpoints to change the slickslider to show less items on mobile.

On desktop it runs smoothly. However, on mobile the items cannot be toggled on/off as if the jQuery .show .hide is blocked.

After resizing the screen to a smaller format and back to its original format, the toggling ON/OFF of the layers using the show hide jQuery is also lost on desktop.

Any idea how to fix this? I really appreciate your support.

Should there be anything unclear (sorry, I am an absolute nembie), please do not hesitate to contact me

====================================================================

[ paste your jsfiddle link here ]

use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

  1. ...
  2. ...

SLICK SLIDER

SHOW HIDE LAYERS

====================================================================

What is the expected behaviour?

Carousel of four itmes. The appearence of the items can be changed by clicking on a button (using jQuery show hide).

====================================================================

What is observed behaviour?

... The "toggling" of layers ON/OFF works on desktop, but not on mobile. Without the slick slider the items can be toggled "on/off"

====================================================================

More Details