Javascript jquery ui弹出窗口不'；我不能再工作一次

我正在mvc项目中工作，jquery被大量使用。在其中一个视图中，我们使用了手风琴控件，其中包含多个（三）视图。 jquery弹出窗口在第一个面板中工作正常，但一旦我关闭该面板，弹出窗口就不想再工作了。 我不知道会是什么，尽管我用和作为向导。 请在下面查找代码。 标记：

@Html.Hidden（“Id”，Model.Report.Id）
@foreach（Model.Parameters中的var项）
{
搜索@*Html.TextBox（“搜索”）*@
打开对话框
对话

}         

JS:

$（文档）.ready（函数（）{
变量$dialog=$（''）
.html（'每次都会显示此对话框！'）
.对话({
自动打开：错误，
标题：“基本对话框”
});
$（“#开场白”）。单击（函数（）{
$dialog.dialog（'open'）；
//防止默认操作，例如，跟踪链接
返回false；
});
});
$（函数（）{
$（“#dialog2”）.dialog({
自动打开：错误，
表演：“盲人”，
隐藏：“爆炸”
});
$（“#opener”）。单击（打开对话框）；
})
var openDialog=函数（）{
$（'#dialog2'）。dialog（'选项'，'按钮'{
“取消”：函数（）{
$（'dialog2'）。dialog（'close'）；
}
});
$（'dialog2'）。dialog（'open'）；

我有两个样品的按钮，它们都在做同样的事情。 我们将非常感谢您的每一个建议。 提前谢谢你，拉齐尔

更新：

<script type="text/javascript">
    $(document).ready(function () {

        {
            $("#dialog2").dialog({
                autoOpen: false,
                show: "blind",
                hide: "explode"
            });
            $('#opener').click(openDialog);

        }
    });
        </script>

<script type="text/javascript">

var openDialog = function(){

$('#dialog2').dialog('open');

   $('#dialog2').dialog('option', 'buttons',{
      "Cancel":function(){
         $('#dialog2').dialog('close');
      }
  });


 $('#dialog2').dialog('open');
</script>

$（文档）.ready（函数（）{
{
$（“#dialog2”）.dialog({
自动打开：错误，
表演：“盲人”，
隐藏：“爆炸”
});
$（“#opener”）。单击（打开对话框）；
}
});
var openDialog=函数（）{
$（'dialog2'）。dialog（'open'）；
$（'#dialog2'）。dialog（'选项'，'按钮'{
“取消”：函数（）{
$（'dialog2'）。dialog（'close'）；
}
});
$（'dialog2'）。dialog（'open'）；

您应该只初始化对话框一次。每次单击时都将重新初始化对话框

在DocumentReady上初始化它，然后在click处理程序中调用

$('#dialog2').dialog('open');

编辑：

openDialog函数中仍有对话框初始化。请尝试以下操作：

<script type="text/javascript">
$(document).ready(function () {

    {
        $("#dialog2").dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode",
            buttons: {"Cancel": function(){
                $('#dialog2').dialog('close');
            }
        });

        $('#opener').click(function(){
             $('#dialog2').dialog('open');
        });

    }
});
</script>

$（文档）.ready（函数（）{
{
$（“#dialog2”）.dialog({
自动打开：错误，
表演：“盲人”，
隐藏：“爆炸”，
按钮：{“取消”：函数（）{
$（'dialog2'）。dialog（'close'）；
}
});
$（'#opener'）。单击（函数（）{
$（'dialog2'）。dialog（'open'）；
});
}
});

你有任何JS错误吗？请检查更新的代码，现在它甚至不想显示在第一个面板上。我做错了什么吗？提前谢谢你的帮助，拉齐尔

$('#dialog2').dialog('open');

<script type="text/javascript">
$(document).ready(function () {

    {
        $("#dialog2").dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode",
            buttons: {"Cancel": function(){
                $('#dialog2').dialog('close');
            }
        });

        $('#opener').click(function(){
             $('#dialog2').dialog('open');
        });

    }
});
</script>