Menu icon Foundation

My Posts

No Content

My Comments

adil commented on Simon Pheasey's post almost 5 years

Ok I solve the issue.

may be it can help you if you haven't solve it yet.

Here is the solution.
If I have tab1 active, and I want to click on tab2.
I was calling the tab1.unslick() and tab2.slick() well before the tab two contents are loaded, that's why it was not getting proper slick function

Code;

$('.tab2').on('shown.bs.tab', function (e) {
$('.tab1').unslick();
$('.tab2').slick();
});

the above function will execute once the tab2 contents are show. "shown.bs.tab" is event for tabs in Bootstrap. I have no Idea what event handler etc will u use in Foundation, but just to give u some idea (if the problem is not solved yet).

:)

adil commented on Simon Pheasey's post almost 5 years

Hej Simon,

Did you find any solution to the problem you were facing?
I am facing the same problem.

Few days ago I solve this issue but now its not working in another project.

Previous Solution:

I had 4 tabs with 4 slick sliders.

  1. Read specific tab.
  2. inside the specific tab funtion, I use unslick() funtion for the remaining 3 slick sliders, and then use slick() funtion for this tab.

it worked fine, but now its not working in a similar page.

Please share if you manage to get any conclusion for the problem.

Thanks

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Simon Pheasey's post almost 5 years

Ok I solve the issue.

may be it can help you if you haven't solve it yet.

Here is the solution.
If I have tab1 active, and I want to click on tab2.
I was calling the tab1.unslick() and tab2.slick() well before the tab two contents are loaded, that's why it was not getting proper slick function

Code;

$('.tab2').on('shown.bs.tab', function (e) {
$('.tab1').unslick();
$('.tab2').slick();
});

the above function will execute once the tab2 contents are show. "shown.bs.tab" is event for tabs in Bootstrap. I have no Idea what event handler etc will u use in Foundation, but just to give u some idea (if the problem is not solved yet).

:)

You commented on Simon Pheasey's post almost 5 years

Hej Simon,

Did you find any solution to the problem you were facing?
I am facing the same problem.

Few days ago I solve this issue but now its not working in another project.

Previous Solution:

I had 4 tabs with 4 slick sliders.

  1. Read specific tab.
  2. inside the specific tab funtion, I use unslick() funtion for the remaining 3 slick sliders, and then use slick() funtion for this tab.

it worked fine, but now its not working in a similar page.

Please share if you manage to get any conclusion for the problem.

Thanks

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content