Menu icon Foundation
Tab and Drop-down and also offcanvas is not working

H1

i am facing problem can anybody help me out.

when i used this function in my code after that my drop-down and tab is not working and offcanvas also is not working. i think i lost foundation framework functionalities .

i actually used owl carousel in my code you can find live page on this url:-

http://106.51.251.174/rohit/test-owl/

and also attached the screen shot.

and when i removed that function after that tab and drop-down is working but owl carousel is not responding properly.

please somebody help me.

thanks

tabdropdownoffcanvas

H1

i am facing problem can anybody help me out.

when i used this function in my code after that my drop-down and tab is not working and offcanvas also is not working. i think i lost foundation framework functionalities .

i actually used owl carousel in my code you can find live page on this url:-

http://106.51.251.174/rohit/test-owl/

and also attached the screen shot.

and when i removed that function after that tab and drop-down is working but owl carousel is not responding properly.

please somebody help me.

thanks

Rafi Benkual almost 6 years ago

I noticed first the page is loading very slow. Could be the scripts loaded in the head.

I don't see off-canvas.js or dropdown.js loaded on your page.
You are using <script src="js/foundation.js"></script> which is not a full JS library and will require the individual scripts be loaded.
like this

<script src="js/jquery.js"></script>
<script src="js/foundation.js"></script>
<script src="js/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.offcanvas.js"></script>

  <script>
    $(document).foundation();
  </script>

</body>

Or you can use foundation.min.js for the full library

Also you can try using reflow to re activate the JS on the page.
$(document).foundation('reflow');

rohitya almost 6 years ago

Hi Rafi

Thanks you so much. i really appreciated.

it's really helpful.