jquery - How to refresh Fancybox content when closed? -
is there way reset fancybox instance or refresh contents of it, when closed? note grabs content div on same page.
i want display content first loaded dom, when re-opening fancybox.
i guess more of javascript/jquery thing, fancybox thing, right?
$.fancybox.open({ href: '#popup', padding: 0, autowidth: true, arrows: false, closebtn: false, scrolloutside: true, helpers: { overlay: { css: { 'background': 'rgba(0, 0, 0, 0.5)' }, locked: false } }, afterclose: function() { // reset or refresh here } });
it depends on sort of changes making target div
, not able "reset" them without reloading page, or performing funky ajax call page , getting div contents there.
the simplest way of getting around store markup of div in variable (using jquery's html()
, , "reset" div using variable in afterclose()
callback.
js
var content = $('#popup').html(); // store content on documentready() $.fancybox.open({ href: '#popup', padding: 0, autowidth: true, arrows: false, closebtn: false, scrolloutside: true, helpers: { overlay: { css: { 'background': 'rgba(0, 0, 0, 0.5)' }, locked: false } }, afterclose: function(){ $('#popup').html(content); } });
it might best use fancybox's beforeload
callback, in conjunction this, of content, seem loading single div
, should work.
Comments
Post a Comment