jQuery：代码在 Firefox 中有效，但在 IE 中无效

Question

下面的代码应该同步两个 iFrame 的水平滚动条。 它可以在 Firefox 中运行，但不能在 IE 中运行。 在 IE 中，它没有进入 ifr1.scroll() 函数。

<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

您声明了 jQuery '$' 变量两次。对于这些行：

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

您只需要：

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

Answer 2

<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>