Question

I have a popup window and I want to run a function from in the parent window.

In the child I have:

$(document).ready(function(){
    parent.$.fn.guestFromPop('Action');
});

In the parent I have:

$(document).ready(function(){
    function guestFromPop(data) {
        alert(data);
    }
});

The problem is when parent.$.fn.guestFromPop('Action'); I never see the alert, nothing happens. Am I doing something wrong?

Answer 1

This doesn’t declare the function $.fn.guestFromPop:

$(document).ready(function(){
  function guestFromPop(data) {
    alert(data);
  }
});

…all it does is declare guestFromPop(), a function only available inside that document.ready handler. You would need to declare the function you’re after instead:

$.fn.guestFromPop = function(data) {
  alert(data);
};

Though, this isn’t really correct either, since it wont be called on a jQuery element, you may want something as simple as :

function guestFromPop(data) {
  alert(data);
}

called by:

parent.guestFromPop('Action');