javascript - 按下后退或前进浏览器按钮时，日期选择器没有隐藏

Question

嗨，目前正在使用 jQuery Mobile 站点。我在文本框单击上显示了一个日期选择器。虽然显示了日期选择器，然后我单击浏览器中的后退或前进按钮，然后日期选择器（日历）没有隐藏它仍然显示在其他窗口上。请帮我减缓这个问题

日期选择器 在文本框上单击日期选择器：

如果我们在上面的日期选择器处于显示状态时单击返回按钮，则日期选择器显示在其他页面中，图像如下

请帮我解决这个问题

Answer 1

jQuery UI没有针对 jQuery Mobile 进行优化。如果你想要一个日期选择器，我建议你使用DateBox。

DateBox是高度可定制的，并用于企业解决方案。最重要的是它是一个开源解决方案。

Answer 2

您可以在 MasterPage 中添加以下代码。它会工作

$(window).on("导航", function (event, data) {

if (data.state.direction == "back") {
    // Make use of the directional information  
    $("#ui-datepicker-div").hide();

}

});