我在释放父窗口中的 div 时遇到问题。我需要这样做:单击从 index.html 打开的 box.html 后,在 div id=product1 上,在父窗口 (index.html) 中应该释放 div id=wProdBox1。如何显示 jquery/css 来做到这一点?
这是index.html
<div id="box1">Text</div>
<div id="wBox1">
<a href="#" class="hideLink">[X]</a>
<object id="objPage" name="foo" type="text/html" data="box.html"></object>
</div>
<div id="wProdBox1">
<a href="#" class="hideLink">[X]</a>
<object id="objPage2" name="foo" type="text/html" data="box1.html"></object>
</div>
<script type="text/javascript">
$("#box1").click(function () {
$("#wBox1").show("slow");
$("body").addClass("scroll");
});
</script>
这是 box.html
<div id="product1">Text box</div>
<script type="text/javascript">
$("#product1").click(function () {
$("#wProdBox1").show("slow"); //HERE IS PROBLEM
});
</script>
最佳答案
jQuery 允许您在选择器之后传递窗口引用:
$("#wProdBox1", window.opener.document).show("slow");
我想通过将 window.opener.document
存储在一个变量中来简化它:
$( function() {
var main = window.opener.document;
$("#product1").click(function () {
$("#wProdBox1", main).show("slow"); //HERE IS FIX
});
})
关于javascript - jQuery 子窗口通知父窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9509075/