jQueryの子ウィンドウから親ウィンドウへの通知

Question

親ウィンドウでdivを解放する問題があります。私はこれを行う必要があります：div.h id = product1の親ウィンドウ（index.html）内のindex.htmlの上にあるbox.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開き、index.htmlの中に何かを変更したい場合は、これは

<div id="product1">Text box</div> 
<script type="text/javascript"> 
    $("#product1").click(function() { 
    $("#wProdBox1").show("slow"); //HERE IS PROBLEM 
    }); 
</script> 

Answer 1

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 
    }); 
}) 

Answer 2

box.htmlですopenerでそれを参照してくださいする必要があります。

opener.$("#wProdBox1").show("slow");