javascript - Hiding a DIV in a JQuery Overlay Window -


taking code found here: http://jquerytools.org/demos/overlay/external.html

i got popup window work , wanted prevent header displaying in overlay popup window. i've added $('#header').hide(); script below not working. sorry im not familiar javascript. great!

$(function () { // if function argument given overlay,        // assumed onbeforeload event listener     $("a[rel]").overlay({         mask: 'grey',         effect: 'apple',         onbeforeload: function () {             // grab wrapper element inside content              var wrap = this.getoverlay().find(".contentwrap");             // load page specified in trigger                wrap.load(this.gettrigger().attr("href"));             $('#header').hide();          }     }); }); 

i did quick test, , think issue you're trying hide header before renders on page. overlay configuration has event called onload, better place ensure loading of external content has happened.

try code:

$(function() {          // if function argument given overlay,        // assumed onbeforeload event listener     $("a[rel]").overlay({         mask: 'grey',         effect: 'apple',         onbeforeload: function() {                          // grab wrapper element inside content              var wrap = this.getoverlay().find(".contentwrap");             // load page specified in trigger                wrap.load(this.gettrigger().attr("href"));               //at point, page still loading external content, it's not available hide yet         },         onload: function() {             $('#header').hide();         }     }); }); 

Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -