Question

在jquery移动弹出框中输入一些文本并使用 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

Answer 1

要重置所有表单元素，例如input，select，checkbox等，您需要将它们包裹在form中。隐藏弹出窗口后，重置表单$("#formID")[0].reset()。

$("#popupID").popup({
    afterclose: function () {
        $("#foo")[0].reset(); /* reset form */
    }
}, "close");

<强> Demo

刷新jquery mobile中的弹出内容

1 个答案: