Javascript chrome下弹出关闭JQuery Mobile重新加载页面

目前，我正在使用JQuery mobile开发一个移动web应用程序。 当使用弹出窗口小部件时，当特定弹出窗口关闭时，我正在努力完成页面重新加载。如果您测试此小提琴：

在Firefox下，一切都很好。您可以转到下一页，单击每个按钮，也可以单击弹出窗口中的按钮

但是，当您在Chrome或Safari Mobile下尝试此操作时，如果您单击页眉中的Add按钮和弹出窗口中的click me按钮，就会重新加载页面

如果单击按钮，弹出窗口将生成到运行时

$(document).on('click', '#authAdd', function () {
content = '<form id="popupForm">\
           <input value="click me" type="submit" id="subDo">\
           </form>';
runtimePopup(content);
});


function runtimePopup(message, popupafterclose) {
var template = "<div id='runtimePopup' data-role='popup' data-history='false'
                class='messagePopup' style='max-width:400px'>" 
                + "<span> " + message + " </span> </div>";

popupafterclose = popupafterclose ? popupafterclose : function () {
    $('#runtimePopup').remove();
};

$.mobile.activePage.append(template).trigger("create");

$.mobile.activePage.find(".closePopup").bind("tap", function (e) {
    $.mobile.activePage.find(".messagePopup").popup("close");
});

$.mobile.activePage.find(".messagePopup").popup().popup("open").bind({
    popupafterclose: function () {
        $(this).unbind("popupafterclose").remove();
        popupafterclose();
    }
});
}

---

input type=“submit”

将导致刷新。噢。。。谢谢你的快速回答！我也错误地使用了表单标签。我在href=“#”的链接上遇到了同样的问题，并通过添加“return false；”来阻止它尝试跟踪链接。不知道为什么它不会引起其他浏览器的问题。

$(document).on('click', '#subDo', function () {
    $('#runtimePopup').popup("close");
});