Javascript 中心可拖动Jquery对话框

在过去的几个小时里，我一直在尝试创建一个动画对话框，该对话框将启动一个吹气动画，可拖动，关闭时将在打开时再次居中。现在我有了它，所以动画开始了，它是可以拖动的，但是当我关闭和打开它时，它固定在它被拖动到的相同位置

我试过使用“打开”函数，在“显示/隐藏”中使用“完成”函数，在函数中设置div/对话框，使用“位置：居中”和“是…”

无论如何，代码如下：

frm_location.jsp：

//这是在“a”标签中，似乎无法使其正确显示

id=“NEW#u LOCATION_BUTTON”href=“javascript:openDialog（‘#dialog form’、‘#PopuboxCancel’、‘orange-theme’、‘625’）；“class=”btn_sel“>

jQueryDialog.js：

函数openDialog（_dialog、_cancel、_theme、_size）{

---

}看看这个。我不确定你是如何重新打开对话框的，但这应该可以

PUFF
打开对话框
$（函数（）{
$（“#重新打开”）。单击（函数（）{
$（“#dialog”）.dialog（{位置：'中心'}）；
$（'dialog'）。dialog（'open'）；
});
$（'#dialog'）。dialog({
自动打开：对，
宽度：200，
莫代尔：是的，
位置：“中心”，
可调整大小：false，
真的，
展示：{
效果：“喷”，
百分比：“-150”，
持续时间：250
},
隐藏：{
效果：“喷”，
百分比：“-150”，
时长：250，
},
});
});

我用一个按钮实现了这一点，对此我非常高兴。然而，我似乎使用了一个没有点击事件的区域标记。我将用更完整的图片编辑OP。

jQuery(document).ready(function ($) {
        $(_dialog).dialog({
            autoOpen: true,
            width: _size,
            modal: true,
            position: "center",
            resizable: false,
            draggable: true,
            dialogClass: _theme,
            show: {
                effect: "puff",
                percent: "-150",
                duration: 250

            },
            hide: {
                effect: "puff",
                percent: "-150",
                duration: 250,
            },
        });

    $(_cancel).click(function() {
        $(_dialog).dialog("close");
    });

<div id='dialog'>PUFF</div>
<button id='reopen'>OPEN DIALOG</button>

  $(function () {
    $('#reopen').click(function () {
        $( "#dialog" ).dialog({ position: 'center'});
        $('#dialog').dialog('open');
    });

    $('#dialog').dialog({
        autoOpen: true,
        width: 200,
        modal: true,
        position: "center",
        resizable: false,
        draggable: true,
        show: {
            effect: "puff",
            percent: "-150",
            duration: 250

        },
        hide: {
            effect: "puff",
            percent: "-150",
            duration: 250,
        },
    });
});