Menu icon Foundation
Orbit Slider not working in Ajax loaded page.

I am Using Foundation 6 Orbit Slider. I have a problem in that i am loading ajax data with orbit slider then the carousel not

working i have loaded the jquery at the bottom of the page and the foundation js also slider working while i am working

normally but fails while loading with ajax page please give any idea Thank you.

Ajax loaded orbit slidernot workingorbit slider fails ajax

I am Using Foundation 6 Orbit Slider. I have a problem in that i am loading ajax data with orbit slider then the carousel not

working i have loaded the jquery at the bottom of the page and the foundation js also slider working while i am working

normally but fails while loading with ajax page please give any idea Thank you.

Rafi Benkual about 3 years ago

Are you loading the Orbit after the page loads? If so you can "reflow" the component to re-apply listeners

$('#element').foundation('reflow');

Naga Vinod about 3 years ago

Thanks for the Reply Sir, But this Solution do not work for me because it shows there is no reflow function in foundation.min.js i am using Foundation 6 frame work for sites so that method does not exists. Now i want to know how to reflow the foundation js after ajax loaded