Zurb Foundation 4: Getting error in Reveal – $ is not a function

1 Views

I am not so much expert in jQuery and still learning.

I am creating WordPress theme using Zurb Framework 4 and trying to add multiple popups using reveal. Everything is works fine without any issue but when I check console than I realized it’s giving an error like below

Read More

TypeError: $ is not a function ...'#social-sales, #footer-brochure, #footer-contact').foundation('reveal', 'open',...

So my code is something like below 

jQuery(document).ready(function(){

    // popup boxs
    $('#social-sales, #footer-brochure, #footer-contact').foundation('reveal', 'open', {
        animation: 'fadeAndPop',
        animationSpeed: 100
    });

});

When I tried to use jQuery than it is behaving weird. On page loads all popups getting open and when closed getting dark overlay background and so on..

Can anyone please help me to solve this issue?

Post Views: 1

Related posts

Leave a Reply