Javascript 为什么我的模态jQuery对话框会打开多次？

我想使用jQuery对话框在模式对话框中打开答案表单。加载页面后，第一次就可以了，但之后每次单击都会打开

2^n-1

次！！！（

n

是点击次数）

大概是这样的：

单击->打开对话框（1次）->关闭对话框

单击->打开对话框（2次）->关闭对话框

单击->打开对话框（4次）->关闭对话框

单击->打开对话框（8次）->关闭对话框

代码如下：

$(function () {
    $('label.answer').click(function (event) { openInDialog(this, event, 'http://localhost/Questions/Answer/2') });
});

function openInDialog(element, event, target) 
{
    event.preventDefault();
    var $loading = $('<img src="../../Others/images/ajaxLoading.gif" alt="loading" class="ui-loading-icon">');
    var $url = target;    
    var $title = "Title"; 
    var $dialog = $('<div></div>');
    $dialog.empty();


    $dialog
            .append($loading)
            .load($url)
            .dialog(
            {
                autoOpen: false
                , title: $title
                , modal: true
                , show: 'fade'
                , hide: 'fade'
            });

    $dialog.dialog('open');
};

$（函数（）{
$（'label.answer'）。单击（函数（事件）{openInDialog（这个，事件，'http://localhost/Questions/Answer/2') });
});
函数openInDialog（元素、事件、目标）
{
event.preventDefault（）；
变量$loading=$（''）；
var$url=target；
var$title=“title”；
变量$dialog=$（''）；
$dialog.empty（）；
$dialog
.append（$loading）
.load（$url）
.对话(
{
自动打开：错误
，title:$title
，模态：真的
，节目：《褪色》
，隐藏：“褪色”
});
$dialog.dialog（'open'）；
};

在函数外部初始化对话框。在加载成功之前，也不应尝试打开对话框

$(function () {
    $('label.answer').click(function (event) { openInDialog(this, event, 'http://localhost/Questions/Answer/2') });
});
var $dialog = $('<div></div>').dialog(
{
    autoOpen: false
    , modal: true
    , show: 'fade'
    , hide: 'fade'
});

function openInDialog(element, event, target)
{
    event.preventDefault();
    var $loading = $('<img src="../../Others/images/ajaxLoading.gif" alt="loading" class="ui-loading-icon">');
    var $url = target;
    var $title = "Title"; 
    $dialog.empty();
    /* this is incorrect $dialog.dialog({ "option", "title",$title})*/
    $dialog.dialog("option", "title",$title)
    .append($loading)
    .load($url,function(){
        $dialog.dialog('open');
    });
};

$（函数（）{
$（'label.answer'）。单击（函数（事件）{openInDialog（这个，事件，'http://localhost/Questions/Answer/2') });
});
变量$dialog=$（''）.dialog(
{
自动打开：错误
，模态：真的
，节目：《褪色》
，隐藏：“褪色”
});
函数openInDialog（元素、事件、目标）
{
event.preventDefault（）；
变量$loading=$（''）；
var$url=target；
var$title=“title”；
$dialog.empty（）；
/*这是不正确的$dialog.dialog（{“option”，“title”，“$title}）*/
$dialog.dialog（“选项”、“标题”、“标题”）
.append（$loading）
.load（$url，函数（）{
$dialog.dialog（'open'）；
});
};

在函数外部初始化对话框。在加载成功之前，也不应尝试打开对话框

$(function () {
    $('label.answer').click(function (event) { openInDialog(this, event, 'http://localhost/Questions/Answer/2') });
});
var $dialog = $('<div></div>').dialog(
{
    autoOpen: false
    , modal: true
    , show: 'fade'
    , hide: 'fade'
});

function openInDialog(element, event, target)
{
    event.preventDefault();
    var $loading = $('<img src="../../Others/images/ajaxLoading.gif" alt="loading" class="ui-loading-icon">');
    var $url = target;
    var $title = "Title"; 
    $dialog.empty();
    /* this is incorrect $dialog.dialog({ "option", "title",$title})*/
    $dialog.dialog("option", "title",$title)
    .append($loading)
    .load($url,function(){
        $dialog.dialog('open');
    });
};

$（函数（）{
$（'label.answer'）。单击（函数（事件）{openInDialog（这个，事件，'http://localhost/Questions/Answer/2') });
});
变量$dialog=$（''）.dialog(
{
自动打开：错误
，模态：真的
，节目：《褪色》
，隐藏：“褪色”
});
函数openInDialog（元素、事件、目标）
{
event.preventDefault（）；
变量$loading=$（''）；
var$url=target；
var$title=“title”；
$dialog.empty（）；
/*这是不正确的$dialog.dialog（{“option”，“title”，“$title}）*/
$dialog.dialog（“选项”、“标题”、“标题”）
.append（$loading）
.load（$url，函数（）{
$dialog.dialog（'open'）；
});
};

var$dialog=$（''）在你看来不可疑吗？；）@Alireza：同事，而不是大学（起诉我拼写错误）。我只是给你一个意见，基于我在这里的参与，这种程度的俚语是不合适的和不尊重的。@T.J.克劳德-谢谢你，我不再使用俚语了。
var$dialog=$（''）在你看来不可疑吗？；）@Alireza：同事，而不是大学（起诉我拼写错误）。我只是给你一个意见，基于我在这里的参与，这种程度的俚语是不合适的，也是不尊重的。@T.J.克劳德-谢谢你，我不再使用俚语了。