Menu icon Foundation
Reveal Modal - Ajax Not Loading

I have this code on a page, per the docs, but nothing loads...

<a href="http://instagram.com/p/uDTsRlEdE3/media/?size=l" data-reveal-id="myModal" data-reveal-ajax="true"><img src="http://instagram.com/p/uDTsRlEdE3/media/?size=l"></a>
            

         

I also have this on the page...

<div id="myModal" class="reveal-modal" data-reveal></div>
            

         

reveal-modalAJAX

I have this code on a page, per the docs, but nothing loads...

<a href="http://instagram.com/p/uDTsRlEdE3/media/?size=l" data-reveal-id="myModal" data-reveal-ajax="true"><img src="http://instagram.com/p/uDTsRlEdE3/media/?size=l"></a>
            

         

I also have this on the page...

<div id="myModal" class="reveal-modal" data-reveal></div>
            

         
Rafi Benkual almost 5 years ago

Try instead making the reveal call and anchor instead:

<a href="myfiletoload.html" data-reveal-id="myModal" data-reveal-ajax="true">Load the file!</a>

Good answer here: http://foundation.zurb.com/forum/posts/7490-reveal-ajax-not-working