jquery对话框不会再次出现。。。。。。。。?

jquery对话框不会再次出现。。。。。。。。?,jquery,Jquery,我使用简单模式窗口拨号弹出显示一个表。当我点击这个表格的单元格时,另一个jquery对话框弹出,在这个弹出窗口中我显示另一个表格(动态内容)。现在的问题是,当我第一次访问dilaog时,dilaog表现良好,但在google chrome(版本19.0.1084.56 m)中第二次不能正常工作,在mozilla(版本13.0.1)中也能正常工作 如果有什么问题,我会给出一些代码片段,请帮助我。。。。 //我的第一个函数,它创建了一个简单的模式对话框,我正在这个对话框上编写另一个页面dash.js

我使用简单模式窗口拨号弹出显示一个表。当我点击这个表格的单元格时,另一个jquery对话框弹出,在这个弹出窗口中我显示另一个表格(动态内容)。现在的问题是,当我第一次访问dilaog时,dilaog表现良好,但在google chrome(版本19.0.1084.56 m)中第二次不能正常工作,在mozilla(版本13.0.1)中也能正常工作

如果有什么问题,我会给出一些代码片段,请帮助我。。。。
//我的第一个函数,它创建了一个简单的模式对话框,我正在这个对话框上编写另一个页面dash.jsp(创建表)的内容
//Maptrans.jsp页面
功能点击器1(){
警报(“modal1”);
var divString=“”+
""+
"
"+
"
";
警报(“modal2”);
$(“#基本模式内容”).html(divString);
$(“#基本模态内容”).modal();
警报(“modal3”);
//获取dash.jsp的数据并在dash div上写入
$.post(“dash.jsp”,函数(数据){
$(“#dash”).html(数据);
});
//单击第一个表的单元格时调用dash.jsp函数
功能访问(test1、facilityName、状态){
警报(“对话1”);
var divString=“”+
""+
"
"+
"
";
警报(“对话2”);
$(“#rfi”).html(divString);
$(“#rfi”)。对话框({
宽度:'650',
高度:'500',
zIndex:'3000',
莫代尔:是的,
标题:“RFID库存详细信息”,
覆盖:{不透明度:0.1,背景:“黑色”},
打开:功能(事件、用户界面){
$(“#rfidMove”).css(“display”,“display”);
},
关闭:功能(事件、用户界面){
$(“#rfi”).dialog('destroy');
}
});
警报(“对话3”);
$.post(“RfidInventory.jsp?”,“container=“+test1+”&facilityName=“+facilityName+”&status=“+状态,函数(数据){
警报(“对话4”);
$(“rfidMove”).css(“显示”、“无”);
$(“#rfi”).html(数据);
});
}
//在这两个函数中,我在创建对话框之前收到警报,但在创建对话框之后,代码不。。。。
我花了很多时间来解决这个问题,但找不到任何解决方案,请提供帮助…谢谢
每次对话框关闭时是否需要
$(“#rfi”).dialog('destroy');
我认为,最好在其他地方创建一次对话框,例如在
jquery.ready()
中,并在表格单元格中单击以打开它

编辑:
也许,你需要这样的东西:

$(function(){
    //construct dialog once in jquery.ready()
    $("#rfi").dialog({  
           width: 650,
           height: 500,
           zIndex : 3000,
           modal:true, 
           title: "RFID INVENTORY DETAIL",
           overlay: { opacity: 0.1, background: 'black'},
           open: function(event, ui) {
              $("#rfidMove").css("display", "");
           }
    });
})

function access(test1,facilityName,status){
       alert("dialog1");
       var divString="<table>"+
                      "<tr>"+
                          "<td >
                              <div id='rfidMove'><img src='img/basic/loader0.gi/></div>
                         </td>"+
        "</tr>
              </table>";

           alert("dialog2");

$("#rfi").html(divString);

    //reuse already created dialog
    $("#rfi").dialog('open');

    alert("dialog3");


  $.post("RfidInventory.jsp?","container="+test1+"&facilityName="+facilityName+"&status="+status, function(data){

         alert("dialog4");

         $("rfidMove").css("display","none");
         $("#rfi").html(data);  

      });
 }
功能访问(test1、设备名称、状态){
警报(“对话1”);
var divString=“”+
""+
"
"+
"
";
警报(“对话2”);
$(“#rfi”).html(divString);
//重用已创建的对话框
$(“#rfi”)。对话框(“打开”);
警报(“对话3”);
$.post(“RfidInventory.jsp?”,“container=“+test1+”&facilityName=“+facilityName+”&status=“+状态,函数(数据){
警报(“对话4”);
$(“rfidMove”).css(“显示”、“无”);
$(“#rfi”).html(数据);
});
}
请修改你的缩进。看代码很痛苦:)

function access(test1,facilityName,status){
       alert("dialog1");
       var divString="<table>"+
                      "<tr>"+
                          "<td >
                              <div id='rfidMove'><img src='img/basic/loader0.gi/></div>
                         </td>"+
        "</tr>
              </table>";

           alert("dialog2");

$("#rfi").html(divString);

    //reuse already created dialog
    $("#rfi").dialog('open');

    alert("dialog3");


  $.post("RfidInventory.jsp?","container="+test1+"&facilityName="+facilityName+"&status="+status, function(data){

         alert("dialog4");

         $("rfidMove").css("display","none");
         $("#rfi").html(data);  

      });
 }