UI日期选择器在单击其图像图标时呈现...仅在IE9中 [英] UI Date picker is rendering when clicking its image icon...in IE9 Only

问题描述

在我的页面中，我使用了停留或离开页面的构造。所有其他浏览器都支持此但不支持IE9。当我点击显示弹出窗口的datepicker图标图标时。我的代码是，

 $（ window ）。bind（  beforeunload， function （）{
  if （DATA_CHANGED）{
 DATA_CHANGED =  false ; 
 返回  所有未保存的数据都将丢失。请在导航到其他页面之前保存数据; 
} 
}）; 
 $（ document ）。change（ 输入[type ='text']，输入[type ='radio']，输入[type ='checkbox']，选择，textarea， function （）{
 DATA_CHANGED =  true ; 
}）; 
 $（ document ）。on（  focusin， ＃AgreementDateFrom，＃AgreementDateTo， function （）{
 DATA_CHANGED =  true ; 
}）; 

解决方案

（ window ）。bind（ < span class =code-string> beforeunload， function （）{
if （DATA_CHANGED）{
DATA_CHANGED = false ;
return 所有未保存的数据都将丢失。请在导航到其他页面之前保存数据;
}
}）;

（< span class =code-sdkkeyword> document ）。change（ input [type ='text' ]，输入[type ='radio']，输入[type ='checkbox']，选择，textarea， function （）{
DATA_CHANGED = true ;
}）;

（ document ）。on（ focusin， ＃AgreementDateFrom，＃AgreementDateTo ， function （）{
DATA_CHANGED = true ;
}）;

In my Page i used stay or leave page conformation.all other browsers support this but not IE9.when i click datepicker image icon the pop up displayed. my code is,

$(window).bind("beforeunload", function () {
    if (DATA_CHANGED) {
        DATA_CHANGED = false;
        return "All unsaved data will be lost. Please save your data before you navigate to other page";        
    }
});
$(document).change("input[type='text'],input[type='radio'],input[type='checkbox'],select,textarea", function () {
    DATA_CHANGED = true;
});
$(document).on("focusin", "#AgreementDateFrom,#AgreementDateTo", function () {
    DATA_CHANGED = true;
});

解决方案

(window).bind("beforeunload", function () { if (DATA_CHANGED) { DATA_CHANGED = false; return "All unsaved data will be lost. Please save your data before you navigate to other page"; } });

(document).change("input[type='text'],input[type='radio'],input[type='checkbox'],select,textarea", function () { DATA_CHANGED = true; });

(document).on("focusin", "#AgreementDateFrom,#AgreementDateTo", function () { DATA_CHANGED = true; });

这篇关于UI日期选择器在单击其图像图标时呈现...仅在IE9中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！