Question

I am using this jquery plugin for Apple like checkbox button.

However when I use jquery version 1.4.2 it works perfectly but when I try to use jquery version 1.6. that plugin doesn’t work.

I tried debugging javascript using IE9 developer toolbar but it is not throwing any error.

Thank you.

Answer 1

EDIT: got it working in FF4 as well now, see this: jQuery 1.6: backgroundPosition vs backgroundPositionX and FF4 compatibility

Got it working with jQuery 1.6.x and 1.5.x
(in Safari and Chrome on Mac, not working in FF4/Mac)

There were two problems with the original code, one making it incompatible with jQuery 1.5 and 1.6 and one making it incompatible with jQuery 1.6.

The first problem was the use of the

backgroundPosition property 

in the animate calls, they needed to be changed into the

backgroundPositionX property

for jQuery 1.5 and 1.6

The second problem was the check for whether the checkbox is checked or not.
In jQuery 1.4 and 1.5 this could be done with

if ( $(this).attr('checked') == true )

but in jQuery 1.6 this does not work, it need to be changed into

if ( $(this).is(':checked') )

The code found here works for jQuery 1.6: http://jsfiddle.net/mikkelbreum/HAGMp/