Response title
This is preview!
Move this topic
Problem with .append(elem) method in IE8
in Developing jQuery Core
•
2 years ago
All works fine, in Chrome, Firefox, etc. but in IE8 reports this error:
"Invalid argument"
jquery-1.4.2.js
Code: 0
Line: 4075
Character: 5
In this part of code:
- append: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.appendChild( elem );
- }
- });
- },
It's really strange.
I tried JQ 1.4.[0,1,2] and 1.3.2, same problem.
The project is attached.
Obs: use in localhost, Maybe this don't can works out of localhost.
Bye.
Attachments
- canvas.rarSize : 47.77 KB Download : 813
3
Replies(11)
Re: Problem with .append(elem) method in IE8
2 years ago
The problem occur in this part of my project (in jquery.canvas.js):
- .append($('<embed/>').attr({
- src: options.src + '?' + Math.random(), //DEBUG
- width: options.width,
- height: options.height
- }));
I think that I cannot attach a <embed/> element :S
Bye.
Leave a comment on david71rj's reply
Re: Problem with .append(elem) method in IE8
2 years ago
Only this can cause the bug, you can ignore project files...
- $('<object/>').append($('<embed/>'));
I'm right? Or my IE8 is bugged? :)
Bye.
Re: Problem with .append(elem) method in IE8
2 years ago
Hmm, if it's only embed elements I wonder if it's giving some different typeof that's causing problems (we've hit similar issues in the past in IE). I'll check in to this.
Leave a comment on david71rj's reply
Re: Problem with .append(elem) method in IE8
2 years ago
I think that the problem is append element different of <param/> in <object/>. I tried append "embedd" (a test) and this don't works too.
Bye.
Re: Problem with .append(elem) method in IE8
2 years ago
See, I do new tests.
- var obj = document.createElement('object');
- obj.appendChild(document.createElement('embed'));
Only this code is the sufficient to get a JS error. Or be, it is a IE8 bug.
The problem is that it is affecting the jQuery. Then need know a new method to append an element on IE8.
I'll do tests here and will show, if I get solution.
Bye.
Leave a comment on david71rj's reply
Re: Problem with .append(elem) method in IE8
2 years ago
I do a new test, but nothing great, it is only to demonstrate:
- <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
- codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="550" HEIGHT="400"
- id="myMovieName">
- <PARAM NAME=movie VALUE="myFlashMovie.swf"></PARAM>
- <PARAM NAME=quality VALUE=high></PARAM>
- <PARAM NAME=bgcolor VALUE=#FFFFFF></PARAM>
- <EMBED href="myFlashMovie.swf"
- quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"
- NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
- PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
- </OBJECT>
- <script type="text/javascript">
- $('#myMovieName').children().each(function(){
- alert(this.tagName);
- });
- </script>
In this case, is alerted: PARAM, PARAM and PARAM only, without EMBED.
I'm thinking in make a EMBED named PARAM and then rename, but is impossible to rename dom elements, right?
Bye.
Leave a comment on david71rj's reply
Re: Problem with .append(elem) method in IE8
2 years ago
I'm suffering from IE8 issues as well. With both .append() and .remove()
My .append seems to work in all cases where I'm not passing it a jQuery object. I've been trying to use .append(jQueryObject.html()) to see if that works, but for some reason jQueryObject.html() is returning me a javascript function instead of html. my jQueryObject is a nested ul, nothing too fancy just uls and lis and clases.
Maybe that'll help someone out.
I haven't given my .remove() problems too much time yet. I'll see how that goes. Any advice? I tried this emulate IE 7 meta tag, but that just made things even worse.
E
Leave a comment on evan.gillies's reply
Re: Problem with .append(elem) method in IE8
2 years ago
Some more info.
Heres the link to the article IE7 meta tag if anyones interested
Heres the site I'm having issues with
http://www.frightfruit.com/design.php (there should be text under the images after they get swapped)
Also,
- myContent.append('<div class="clear"></div>').append("<span>hello</span>");
- myContent.append('<div class="clear"></div>').append($("<span>hello</span>"));
Breaks on IE8
Leave a comment on evan.gillies's reply
Re: Problem with .append(elem) method in IE8
2 years ago
Arg I just got bit with this one on a production site. I tried the most recent nightly build and the problem is still there. When can we expect a fix? I was hoping something above would help me with a work around, but nothing worked for me. Here is my code that is throwing this error:
$('#erID').append('<input type="hidden" id="hidden_ackContactID" name="ackContactID">');
Works fine in FF but throws the above mentioned error in IE8.
Update: FYI I was able to work around this by appending to my Form element, instead of a hidden input element. Perhaps it has something to do with being a paired tag, or maybe tags that don't take up any screen real estate will not work.
Leave a comment on zirconx's reply
Re: Problem with .append(elem) method in IE8
1 year ago
I'm having a similar problem, however it's independent of the OBJECT tag and related to anything i'm trying to 'append' in IE8.
See jfiddle example:
Re: Problem with .append(elem) method in IE8
1 year ago
I just solved this. It's the html comments at the end of the div's. Those were messing up the jquery on line 4103 in IE8 and IE7. 'this.nextSibling' was stored in the DOM as DispHTMLCommentElement. Appears this was causing the issues. I'm not sure if saving comments in the DOM is standard or not. Appears that neither Safari, Chrome or FF do that.
after: function() {
if ( this[0] && this[0].parentNode ) {
return this.domManip(arguments, false, function( elem ) {
this.parentNode.insertBefore( elem, this.nextSibling );
});
...
Leave a comment on zmonteca's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to david71rj's problem
Statistics
- 11 Replies
- 10580 Views
- 2 Followers
