Below is a small example of where the append functions fails in IE. I've been banging my head against the wall and just can not figure it out.
I need append to work, the function call html was just to see if that would work which it does.. Ideas? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script language="JavaScript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.2.6/jquery.min.js" type="text/javascript"> google.load("jquery", "1.2.6"); </script> <script language="JavaScript" type="text/javascript"> $(document).ready( function(){ var iBody = $("#testFrame").contents().find("body"); $(iBody).html("Loaded"); var ol = $("<ol><li>test</li></ol>"); $(iBody).append( ol ); }); </script> </head> <body> <iframe id="testFrame" width="300" height="300"></iframe> </body> </html> When adding firebug lite to the code in IE I can run Change the html Code: $("#testFrame").contents().find("body").html("hell no"); but appending always returns "undefined" Code: ("#testFrame").contents().find("body").append( $("<br />" );
