Jquery plugins jquery交互式弹出窗口

任何一个都可以为jquery弹出窗口（而不是div元素）插件提供链接。窗口应在鼠标悬停/单击事件时打开，并在打开窗口之前在链接上加载图像。不需要灯箱

---

示例：广告的infolink URL

如果您想使用javascript与子窗口和父窗口交互，那么您可能应该查看子窗口的

window.opener

属性以调用父窗口全局JS函数。像
在父窗口和子窗口中定义全局函数

功能连接器（msg）{

$（'body'）。追加（msg+'
'）；

}

从父窗口保存打开的窗口实例

var child=window.open（'child.html'）

窗口打开后[您必须弄清楚如何等待]呼叫

child.Connector（'parent calling child'）

类似地，从子窗口父窗口中的子调用
Connector（）
函数，如

window.opener.Connector（'child calling parent'）

希望这对您有所帮助，下面是我使用的html和JS

对于父html

function Connector(msg){
    $('body').append(msg+'
');
}
$(document).ready(function(){
  var child = null;
  $('#test_btn').bind('click', function(){
    var newwin = window.open('new_wind.html');
    $('#call_child').show();
    child = newwin;
    if(window.console){
        console.log($child.contents().find('body').length);
        console.log(newwin);
        console.log($child);
    }

    return false;
  });
  $('#call_child').bind('click', function(){
    if(child){
        child.Connector('parent calling child');
    }
  });
});
功能连接器（msg）{
$（'body'）.append（msg+'
'）；
}
$（文档）.ready（函数（）{
var child=null；
$（'test#btn'）.bind（'click'，function（）{
var newwin=window.open（'new_wind.html'）；
$（“#调用子项”）.show（）；
child=newwin；
if（window.console）{
log（$child.contents（）.find（'body'）.length）；
console.log（newwin）；
console.log（$child）；
}
返回false；
});
$（'#call_child'）.bind（'click'，function（）{
如果（儿童）{
连接器（'父调用子'）；
}
});
});
`

你好，世界


`

对于儿童：

$(document).ready(function(){
        if(window.opener){
            window.opener.Connector('child calling parent');
        }
        else{
            alert('no parent: window.opener');
        }
    });
    function Connector(msg){
        $('body').append(msg+'
');
    }
$（文档）.ready（函数（）{
if（窗口开启器）{
window.opener.Connector（'child calling parent'）；
}
否则{
警报（“无父项：window.opener”）；
}
});
功能连接器（msg）{
$（'body'）.append（msg+'
'）；
}
看起来像窗口。打开，不需要jQuery嘿！！！我知道所有关于窗户的事。但在这里，我想制作一个交互式弹出窗口。