Tabs have stopped working, Unable to click them

The tabs element on one of my pages have suddenly stopped functioning since tuesday.

Here’s the preview link: Webflow - Eka Doc

On inspecting the published site, I found that it has lost it role as a “tablist”, and now showing “generic.”.
Here’s the staging link: https://eka-doc.webflow.io/

Can somehow help me out with it?

hi @Priyanshu_Gupta I have to firstly clarify that I do not fully understand jQuery as I do work only with javaScript. From what I see you should revisit your custom function as to me this function doesn’t make sense.

You are selecting all elements with .v-tabs class, and this is global wrapper (you have two - slider on top & image change on bottom)

  1. first thing I see that v-tabs has only “slider”
  2. you are adding to this global “wrapper” classes tab_previous and tab_next instead looping trough both wrappers and add click to each anchor inside this wrapper

…etc.

That is IMO why none of your tabs (slider on top & image change on bottom) will never work with this “function”.

Hey Stan, thanks for replying.
Even after removing the custom function, the tabs doesn’t work. I also tried rebuilding that section, but then also the tabs are not clickable.

Even if i just drag a new tab component, i am unable to click and change the tab.

hi @Priyanshu_Gupta here is the short video what element is cause your issue.

Oh, thanks a lot. Understood what was the problem.

1 Like