Besoin d'aide pour traquer un bug jQuery

Question

J'ai travaillé sur une fenêtre contextuelle qui interagit avec le window.opener. J'ai trouvé un problème spécifique avec IE ne travaillant pas en essayant d'ajouter un objet. J'ai mis en place un demo page here.

Fondamentalement, ce que fait la démo ouvre une fenêtre contextuelle avec un bouton. Il est destiné à mettre en évidence des parties de la page comme je l'ai décrit dans mon previous question.

Dans la démo, un clic sur le bouton de la fenêtre contextuelle ajoute deux divs au window.opener. Un div est ajouté en tant que chaîne et le second est ajouté en tant qu'objet. J'obtiens une erreur dans IE en essayant d'ajouter un objet. Voici le javascript:

$(':button').click(function(){ 
$('#clicked').empty().show().html('Click detected!').fadeOut(); 
var str = '<div class="highlight" style="position:absolute;height:50px;width:50px;left:150px;top:100px;background:#fc0;zIndex:99;">str</div>'; 
var obj = $('<div/>', { 
    'class': 'highlight', 
    css: { 
    position: 'absolute', 
    height:  '50px', 
    width:  '50px', 
    left:  '100px', 
    top:  '100px', 
    background: '#08f', 
    zIndex:  99 
    } 
}).html('obj'); 
try { $(window.opener.document.body).append(obj); } catch(err) { alert(err.description) }; 
$(window.opener.document.body).append(str); 
}) 

Alors, je demande de l'aide à traquer le problème avec jQuery.

Answer 1

Je ne pense pas que IE vous permettra d'ajouter un élément créé dans une fenêtre dans le DOM d'une autre fenêtre. C'est vraiment difficile à ce sujet. De même, il est parfois flippé si vous passez des objets Javascript construits d'une fenêtre à une autre, surtout si la fenêtre de création disparaît plus tard. Essayez d'utiliser window.opener.$("<div/>") pour créer votre élément.