javascript - jQuery height issues when content is displayed in an iFrame in FireFox -


I am working on a calendar / schedule for which a break is required to increase the full height of the event. The code below works in FF / Chrome and IE. This issue arises when loading content through iFrame in Firefox, the height is always set to zero. The page will only appear correctly when the iframe is reloaded. 

  $ (window) .load (function () {$ (". Event"). Each (function () {var height = $ (this). Height (); $ (".note, .break"). (Function () {$ (this). Height (height);}};});})   
 I am looking for an alternate solution for a compatible solution or FF so that the heights can be applied to the first load of iframe.  
 Thanks in advance.   
 
 
 Way 1: Float your iframe with a div: left; 
 
 
 
 
 
 
 
 
 
 
  
 & lt; Iframe & gt; & Lt; / Iframe & gt; & Lt; / Div & gt;   
  
 way2:  
  $ (document) .ready (function () {// If you define a more specific element ("(Event. To convert css ('height': height + 'px'); // css height // $ (this) .atr ('height', hiight); // to inline entry height change}}} }}})    

 


  






































Comments











Post a Comment