刷新jQuery Mobile中的弹出窗口内容

Question

在jQuery Mobile的弹出窗口中输入一些文本并使用changePage刷新当前页面。之后打开它会在文本框中显示我之前输入的内容。如何刷新弹出窗口（请不要建议清空文本框的值）。

代码如下：

localStorage.setItem("name","tiger");
$(document).on("click","#save",function(){
    $("#openpopup").popup("close");
    localStorage.setItem("name",$("#pText").val());
    $.mobile.changePage("#page1",{
    allowSamePageTransition : true,
              transition : 'none',
    });
});

$(document).on("pageshow","#page1",function(){

if(localStorage.getItem("name")){
    $("#name").val(localStorage.getItem("name"));
}
});

这里是FIddle

- Vini

---

"请不要建议清空文本框的值。没有比重置输入值更好的方法了。http://jsfiddle.net/Palestinian/wcLdkt0w/6/" - Omar

@Omar，感谢您的回复。即使我刷新（更改）页面，弹出窗口仍然没有刷新。因此，在JQM中刷新（更改页面）是没有用的。 - Vini

检查演示 http://jsfiddle.net/Palestinian/wcLdkt0w/7/ allowSamePageTransition 不会_刷新_页面。要刷新页面，您需要使用 reloadPage: true。 - Omar

@Omar，当使用reloadPage:true时，请查看此链接：http://jsfiddle.net/wcLdkt0w/9/。 - Vini

另一个选项是将所有元素包装在 form 中，然后调用 $("#formID")[0].reset();。http://jsfiddle.net/Palestinian/n78sdeet/ - Omar

Answer 1

为了一次性重置所有表单元素（例如，，等），您需要将它们包装在一个中。然后在弹出窗口隐藏时，通过调用$("#formID")[0].reset()来重置表单。$("#popupID").popup({ afterclose: function () { $("#foo")[0].reset(); /* reset form */ } }, "close"); Demo

- Omar

---

有什么想法吗？https://stackoverflow.com/questions/26778652/not-able-to-close-the-jt-sage-date-picker-after-pick-date - Vini