Jquery在父窗口中从子窗口运行函数

Question

我有一个弹出窗口，我想从父窗口中运行一个函数。

在我的孩子中：

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

在我的父母中：

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

问题是当 parent.$.fn.guestFromPop('Action'); 我从未看到警报时，什么也没有发生。我做错了什么吗？

Answer 1

这不会声明函数 $.fn.guestFromPop：

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

...它所做的只是声明 guestFromPop()，一个仅在该 文档中可用的函数。准备好处理程序。您需要声明您想要的函数：

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

不过，这也不是真正正确的，因为它不会在 jQuery 元素上调用，您可能想要像 : 这样简单的东西，

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

通过以下方式调用：

parent.guestFromPop('Action');

Answer 2

(function(){
$.fn.TestFunction=function(SampleData)
{
alert(SampleData);
};
});

//可在其他父页面或iframe中调用
//

(function(){
$.fn.TestFunction("sdfsdfsfsfsd");

});

Answer 3

我也有同样的问题。想通了。您的代码的问题是您没有引用正确的窗口来调用该函数。要从控制台到达其父控制台，您需要“opener”，而不是“parent”。

因此，您需要调用以下函数，而不是parent.guestFromPop('Action')：

$(self.window.opener.document).guestFromPop('Action');

That 应该引用正确的函数。这对我有用！ ;-)

Answer 4

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

从 iframe 调用：

parent.guestFromPop(data);