expression jquery dans la fenêtre parent ne fonctionne pas correctement à partir de la fenêtre popup - Qu'est-ce qui ne va pas?

Question

Je rafraîchis la fenêtre parent à partir de la fenêtre contextuelle, puis l'appel des expressions de la fenêtre parent jquery ne fonctionne pas. Mais quand j'active l'appel d'alerte dans la fonction closePopup dans le popup.php tout fonctionne bien. - Qu'est-ce qui ne va pas avec moi?

fichier test1.html

<script type="text/javascript" src="jquerymin.js"></script> 
<script type="text/javascript"> 
var visible_status=0; 
function selectFn(sno){ 
if(sno==1){ 
    $('#id2').hide(); 
    $('#id1').show(); 
    visible_status=1; 
}else if(sno==2){ 
    $('#id2').show(); 
    $('#id1').show(); 
    visible_status=2; 
} 
} 

function popitup(url) { 
    newwindow=window.open(url+'?parent_status='+visible_status,'name','top=300,width=400,height=250'); 
    if (window.focus) {newwindow.focus();} 
     return false; 
} 
</script> 
<select name='optionw' onchange="selectFn(this.options[this.selectedIndex].value);"> 
<option value="">Select</option> 
<option value="1">Div1</option> 
<option value="2">All</option> 
</select> 
<div id='id1' style="display:none;">DIV1</div> 
<div id='id2' style="display:none;">DIV2</div> 
<button onclick="popitup('popup.php');">popUp</button><br>` 

mon fichier popup.php

<script type="text/javascript" src="jquerymin.js"></script> 
    <script type="text/javascript"> 
    var parent_status='<? echo $_GET[parent_status];?>'; 

    function closePopup() { 
     window.opener.history.go(0); 
     //alert('going to call parent selectFn('+parent_status+')'); 
     window.opener.selectFn(parent_status); 
     self.close(); 
    } 
    </script> 

...Here editing a part of the main page content... 
<input type=button value=close_popup onclick="closePopup();"> 

après la fermeture de ce pop-up i besoin,

1. page principale pour recharger (pour afficher Édités contenu)
2. pour restaurer l'état visible visible comme avant clic dans ce popup.

Answer 1

Vous devez vous assurer que le chargement du cadre parent est terminé avant d'essayer d'exécuter du code qui fonctionne sur le DOM (car le DOM n'est peut-être pas encore terminé).

JS est synchrone dans les navigateurs mais le chargement de la page ne l'est pas. La manière la plus simple de mettre en œuvre ceci est de mettre en body.onload(). IIRC, jQuery offre une fonction d'aide pour cela.