jquery UI Slider problems

jquery UI Slider problems

I have an older app that I wrote using jquery 1.2.6 and jquery ui 1.5.3.  It's simply a slider bar that that you can click on and slide 210 px to the right.  It works perfectly.

I needed to upgrade to jquery 1.3.2, and the code broke, even though the slider code was still correct according to the API documentation.

Thinking it was then my UI that was out of date, I updated to 1.7.2.  It wouldn't work at all.

On top of that, I tried to rebuild it from scratch, and I even copied and pasted the DEMO, and the slider still will not work at all. Other functionality, such as draggable, does work.

Any thoughts on how to debug this?  I've included my code below for the original slider.  I debug using Firebug console, and I am getting no errors.   Also, I link to Google CDN versions of jquery and jquery ui when testing.

Blue

$("#unlock-slider").slider({
        handle: "#unlock-handle",
        animate:true,
        slide: function(e,ui)
        {
            $("#slide-to-unlock").css("opacity", 1-(parseInt($("#unlock-handle").css("left"))/120));
        },
        stop: function(e,ui)
        {
            if($("#unlock-handle").position().left == 210)
            {
                //unlock();
            }
            else
            {
                $("#unlock-handle").animate({left: 0}, 200 );
                $("#slide-to-unlock").animate({opacity: 1}, 200 );
            }
        }
        }
    );