draggable元素应该在确认false时到达开始位置

My code is below.

我的代码如下。

function editState()
{
 var b  = confirm("Are you sure?");
 $( ".usMainDef" ).draggable({
        appendTo: "body",
        revert:true,
        stack: ".usMainDef"
        });

        $('.inproUS').droppable(
            {

                activeClass: "ui-state-default",
                hoverClass: "ui-state-hover",
                accept: ".usMainDef",
                drop: function( event, ui ) {
                    if (!b) {

                            } else {
                        id= $(ui.draggable).prop('id');
                        var colid=$(event.target).attr('id');
                        var newid=parseInt(id);
                        $( "<div id='"+id+"' class='box usMainInp' ></div>" ).html( ui.draggable.html() ).appendTo( this).draggable( {cursor: 'move', revert:'invalid' });

                        $.ajax({
                            type: "POST",
                            url: "index.php?r=workspace/changeState",
                            // The key needs to match your method's input parameter (case-sensitive).
                            data: {
                                uState:colid,
                                uID:newid

                            },
                            dataType: "json",
                            success: function(data){

                            },
                            failure: function(errMsg) {
                                alert(errMsg);
                            }
                        });
                    }

                }
            });
    }
function editStat