今天遇到一个问题,当进入弹窗页面打开弹窗,并以$("ID")获取弹窗中input的value时,第一次进入此弹窗页面没问题,如果关闭弹窗,返回上一个页面,然后再进入此弹窗页面,点击弹窗,现在修改input框文字,此时获取不到修改后的文字。
原因在于第一次进入弹窗页时的弹窗没有清除缓存,只是表面看不到,但是JQueryUI生成的弹窗div还在页面中,可以在浏览器查看HTML看到。
解决办法:close时销毁此生成的弹窗div缓存,并将本页面关于弹窗使用的div隐藏起来。
代码:
<div id="fund-dialog" class="hide">
</div>
$("#FUND_CODE").click(function(){
var dialog = $("#fund-dialog").removeClass('hide').dialog({
modal : true,
width : 800,
title : "<div class='widget-header widget-header-small'><h4 class='smaller'>搜索产品</h4></div>",
title_html : true,
buttons : [
{
text : "取消",
"class" : "btn btn-minier",
click : function(){
$(this).dialog("close");
}
}, {
text : "确定",
"class" : "btn btn-primary btn-minier",
click : function(){
$(this).dialog("close");
}
}
],close:function(){ //============也就是这里了,在close时将id为fund-dialog的div隐藏,并清除jquery生成的div===
$('#fund-dialog').addClass("hide").dialog('destroy');
}
})
})