ansaurus

Question

jQuery bug? .appendTo() not working in IE7

Answer 1

+1 A:

I'm getting an error in ie:

Line: 16 Error: 'undefined' is null or not an object

That points to this:

j=l.replace(/^[\-\d\.]+/,"")

I'm guessing you need to test for null? Just a guess.

patrick dw 2010-02-04 15:45:25

This doesn't seem to happen if you load the file locally. Take the source and create your own html file. I think this is a bug with jsbin?

Mike 2010-02-04 15:51:46

The error is coming from the "edit.js" script, not from your code.

Pointy 2010-02-04 16:43:15

Answer 2

+4 A:

This doesn't look like an .appendTo()-error-in-jQuery as much as an IE7-has-superfunky-select-box-behavior problem. This workaround seems to make it behave:

.parent()
 .click(function () {     
    $selectBox1.find('option:selected')
               .appendTo($selectBox2.find('select'));
    $selectBox1.html($selectBox1.html());
    $selectBox2.html($selectBox2.html());                               
    sortBox($selectBox2); 
   })

Rebuilding the html of each select box after the appendTo() forces IE to update its state.

JSbin: http://jsbin.com/opome3/4 (fixed with .clone(true) for first button.)

jkyle 2010-02-04 17:01:24

Thanks for that. It could be that I've stared at this too long but for some reason the last button (move selected from 2 -> 1) doesn't appear to work in Chrome, Firefox, Opera or Safari - in your example.

Mike 2010-02-04 18:59:10

You need to add .clone(true) for the first button.

jkyle 2010-02-04 19:33:22

You're a star, thanks mate.

Mike 2010-02-04 20:12:56

ansaurus

tags:

views:

answers:

jQuery bug? .appendTo() not working in IE7

related questions