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