I am trying to create an option transfer plugin for jQuery.

I have the basic functionality working in opera, firefox, chrome & safari but IE7 is failing to co-operate.

The transfer functions in IE7 appear to operate very sporadically and inprehensibly.

I have created an example page to illustrate my problem.

Can anyone see where I am going wrong?

Thanks,

I am trying to create an option transfer plugin for jQuery.

I have the basic functionality working in opera, firefox, chrome & safari but IE7 is failing to co-operate.

The transfer functions in IE7 appear to operate very sporadically and inprehensibly.

I have created an example page to illustrate my problem.

Can anyone see where I am going wrong?

Thanks,

• javascript
• jquery
• internet-explorer-7

• No idea what the source of the problem is, but I did replicate. Odd. – Karmic Coder Commented Feb 4, 2010 at 15:45
• More likely its a IE 7 bug... ;) – jamone Commented Feb 4, 2010 at 21:29
• hehe, you say that... Swapping in different versions jQuery produces different "effects". :p – Mike Commented Feb 4, 2010 at 22:45

2 Answers 2

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./opome3/4 (fixed with .clone(true) for first button.)

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.