Jquery ui 旧对话框将与新对话框一起打开

嗨

---

我正在使用jquery对话框，当我从atable中选择一条记录时，它会调用对话框，然后当我关闭它并选择另一条记录时，它会打开旧对话框和新对话框。。。有什么问题

$(document).ready(function () {
    $("#btnenterpat").click(function () {
        $("#enter_payment").dialog('open');
    });
    $("#enter_payment").dialog({
        autoOpen: false,
        resizable: false,
        modal: true,
        width: 400,
        height: 300,
        buttons: {
            Cancel: function () {
                $(this).dialog('close');
            },
            ok: function () {
                retur_dialog = 'ok';
                $(this).dialog('close');
            },
        },
        beforeClose: function () {
            if (retur_dialog == 'ok') {
                $.ajax({
                    url: 'ssssssss.php',
                    data: {
                        pm1: $("#pm1").val(),
                        pm2: $("#pm2").val(),
                        pm3: $("#pm3").val(),
                        pm4: $("#pm4").val(),
                        pm5: $("#pm5").val(),
                        pm6: $("#pm6").val(),
                        pm7: $("#pm7").val(),
                    },

                });
            }
        }
    });
});

编辑：

第一页：

<?php
    include ("angela_test.php")
?>
<div style="font-size:12px;">
</div>
<br />
<table id="tbl_angela_test_data"></table>
<div id="p_angela_test_data"></div>
<script type="text/javascript">
$(document).ready(function(){
    var selected_id;
    var colCap = Array();
    var colDef = Array();
    var grp_filter = 0;

      $.ajax({
         url: "getColDefs.php" ,
         data: {table: "bk_accounts", userid: "5", groupid: "1"},
         dataType: "json",
         async: false,
         success: function (data) {
                colCap = data[0];
                colDef = data[1];
         }
      });

    var cols = '';
    for(i=0; i<colDef.length; i++) {
        cols += colDef[i].name;
        if (i != (colDef.length-1)) {
            cols += ';';
        }
    }

    jQuery("#tbl_angela_test_data").jqGrid({
        url:'admin/angela_test_table_get.php',  
        postData: {columns: cols},
        datatype: 'json',
        mtype: 'POST',
        height: 'auto',
        width: 'auto',
        rowNum: 20,
        rowList: [10,20,30],
        colNames: colCap,
        colModel: colDef,
        pager: "#p_angela_test_data",
        viewrecords: true,
        toolbar: [true, 'both'],
        caption: "angela_test",
        onSelectRow: function(id){
            selected_id = id;
            $("#angela_test_del_bnt, #angela_test_edit_bnt").attr("disabled", false);
            }
    });
    jQuery("#tbl_angela_test_data").setGridWidth(500);

    $("#t_tbl_angela_test_data").height(40);
    $("#t_tbl_angela_test_data").append('<button id="angela_test_edit_bnt" style="height:30px; width:100px;" disabled="true">Edit</button>');


    // edit button
    $("#angela_test_edit_bnt").click(function(){
        var rw = '#angela_test_item_'+selected_id;
        var maintab = $("#tabs");
        if ($(rw).html() != null) {
            maintab.tabs('select',rw);
        } else {
            maintab.tabs('add',rw,'Edit form');
           $(rw, '#tabs').load('admin/angelatest.php?id='+selected_id);
        }
    });


//////////////////////////////
})
</script>

$（文档）.ready（函数（）{
所选的变量(id);；
var colCap=Array（）；
var colDef=Array（）；
var grp_filter=0；
$.ajax({
url:“getColDefs.php”，
数据：{表：“bk_账户”，用户ID:“5”，组ID:“1”}，
数据类型：“json”，
async:false，
成功：功能（数据）{
colCap=数据[0]；
colDef=数据[1]；
}
});
var cols=''；
对于（i＝0；i < p>调用<代码> $'（'y'div div'）。对话框（“销毁”）< /代码>将在调用<代码> $（''x' div'）之前恢复<代码> >一些div <代码>元素。对话框（…）<代码>。也许您可以在关闭对话框时考虑这样做？
“它用新对话框打开旧对话框”，你是什么意思？嗨..好的，就像这样，我有3页，第一页有一个表，第二页有一个botton到另一个页面，它将显示对话框包含一个表单…当我从第一页选择一条记录并按edit时，我转到第二页有另一个botton，我按这个botton，它将显示对话框，然后我关闭它，关闭第二个页面，然后再次从第一个页面选择另一条记录，并继续它向我显示第一个选择的旧对话框和新对话框，以及对话框的编号gos。因此，您有一个调用另一个对话框的对话框？为什么不在jsfiddle.net或jsbin.com上对您的页面进行简化版本号？这是这个网站太大了，我无法解决问题，因为它不起作用。但是当我不使用第二个包含对话框底部的页面时，它工作得很好，就像第二个页面有什么问题，我想知道当我关闭拨号时如何重设页面我的问题与问题类似（jquery ui对话框关闭不清除对话框）是的，我正在使用tab打开secon页面。因此，我如何刷新该选项卡，因为它将解决问题？？如果您通过AJAX加载该选项卡，您只需确保设置了选项
cache:false
，因此每次选中该选项卡时，它都会通过AJAX加载内容。好的..当我使用remove dialog并选择另一条记录时，它的工作非常完美，但是对话框的botton只工作一次，我如何才能重新加载对话框？？？
<?php
 include_once("angela_test.php"); 
?>
<input type="button" id="btnenterpat" value="Enter Payment">

<script type="text/javascript">

$(document).ready(function () {
    $("#btnenterpat").click(function () {
        $("#angela_test").dialog('open');
    });

    $("#angela_test").dialog({

        autoOpen: false,
        resizable: false,
        modal: true,
        width: 400,
        height: 300,
        buttons: {
            Cancel: function () {
                $(this).dialog('close');
            },
            ok: function () {
                $(this).dialog('close');
            },
        },
    }).parent().find(".ui-dialog-titlebar-close").hide();
});
</script>

<!--Enter Payment windows --> 
<div id="angela_test" ></div>
<!--dialog windows end -->