Skip to content

Instantly share code, notes, and snippets.

@jeduan

jeduan/reveal_ajax.js

Created February 9, 2012 00:15
Show Gist options
  • Save jeduan/1775746 to your computer and use it in GitHub Desktop.
Save jeduan/1775746 to your computer and use it in GitHub Desktop.
Download ZIP
Use Zurb reveal with ajax
Raw
reveal_ajax.js
$('a.reveal').click(function(event) {
event.preventDefault();
var $div = $('<div>').addClass('reveal-modal').appendTo('body'),
$this = $(this);
$.get($this.attr('href'), function(data) {
return $div.empty().html(data).append('<a class="close-reveal-modal">&#215;</a>').reveal();
});
});
@epschmidt
Copy link

When using the method provided by @benleivian in Foundation 5, be sure to add the data-reveal attribute to the div...

jQuery('a.reveal').click(function(event) {
    event.preventDefault();
    var modal = jQuery('<div data-reveal>').addClass('reveal-modal').appendTo('body');
    jQuery.get(jQuery(this).attr('href'), function(data) {
        var theData = data;
        modal.empty().html(jQuery(theData).filter('#main')).append('<a class="close-reveal-modal">&#215;</a>').foundation('reveal', 'open');
    });
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment