Search code examples
versioncompatibilityjquery-1.6

jquery 1.4.2 working for iCheckBox and not jquery 1.6

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.

Solution

  • 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/