jQuery: Le code fonctionne dans Firefox mais pas dans IE

Question

Le code ci-dessous est censé synchroniser les barres de défilement horizontales de deux iFrame. Cela fonctionne dans Firefox mais ne fonctionne pas dans IE. Dans IE, la fonction ifr1.scroll() n'est pas entrée.

<SCRIPT> 
$(window).load(function(){ 

    var ifr1 = $($('#UserQueue_Header').contents()); 
    var ifr2 = $($('#UserQueue_Detail').contents()); 

    ifr1.scroll(function(){  
    ifr2.scrollLeft(ifr1.scrollLeft()); 
    }); 

    ifr2.scroll(function(){ 
    ifr1.scrollLeft(ifr2.scrollLeft()); 
    }); 
}); 
</SCRIPT> 

<iframe src="test.html" id="UserQueue_Header"></iframe> 
<iframe src="test.html" id="UserQueue_Detail"></iframe> 

Answer 1

<SCRIPT language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></SCRIPT> 

$(window).load(function(){ 

    var ifr1 = $(window.frames[0]); 
    var ifr2 = $(window.frames[1]); 

    ifr1.scroll(function(){ 

    ifr2.scrollLeft(ifr1.scrollLeft()); 
    }); 

    ifr2.scroll(function(){ 

    ifr1.scrollLeft(ifr2.scrollLeft()); 
    }); 
}); 

<frameset> 
    <frame src="test.html"/> 
    <frame src="test.html"/> 
</frameset> 

Answer 2

Vous déclarez deux fois la variable jQuery '$'. Pour ces lignes:

var ifr1 = $($('#UserQueue_Header').contents()); 
var ifr2 = $($('#UserQueue_Detail').contents()); 

Vous devez simplement:

var ifr1 = $('#UserQueue_Header').contents(); 
var ifr2 = $('#UserQueue_Detail').contents();