2.     $(targetObject).draggable({
3.         drag: function (e, ui) {
4.             $("#rptSlideLayerEdits_ctl0" + layernum + "_tbXPos").val(theLeft);
5.             $("#rptSlideLayerEdits_ctl0" + layernum + "_tbYPos").val(theTop);
6.         },
7.         stop: function (e, ui) {
8.             saveLayer(currentLayerNumber);
9.         },
10.         containment: "parent"
11.     });

So, this is the code that sets up the draggable. I have a little lock icon, when you click it, it runs this function:

2. function disableLayerConstraint(){
3.     $(".layerCons").attr("src", "images/mb_unlock.png");
4.     $(targetObject).draggable({containment: null });
5. }

I've tried null,"", and undefined to disable the constraint (there was no documentation on how to disable a constraint). Now everything works as expected, unless you drag it first. So, load the page, click the unlock, and I can drag it wherever I want. BUT, load the page, drag the object, THEN click the lock, it's still contained to parent.

Can anyone recreate this issue and confirm it's a bug?

I'm running the latest version of jQuery and UI.

Thanks!