JQM 函数最初可以工作，但导航回来后不能工作，data-rel=back

Question

设计了一个弹出窗口来确认用户想要继续。

<form id=\"PCSDform$z\" action=\"example.php\" method=\"post\" data-ajax=\"false\">
<fieldset data-role=\"controlgroup\" data-type=\"horizontal\" class=\"ui-mini\">
    <input type=\"hidden\" name=\"date\" value=\"adate\" />
    <button type=\"button\" class=\"ui-btn ui-corner-all ui-btn-icon-left ui-icon-phone\" onclick=\"formSubmit('$z');\">Contact User</button>
</fieldset>

和

<script type="text/javascript">
function formSubmit(formID) {
$("#PCSDconfirm").popup("open");
$("#PCSDpopupYes").attr("onclick","$('form#PCSDform"+formID+"').submit();");
}
</script>

第一次可以正常工作，但是如果您导航到另一个页面（与此表单无关），然后单击返回返回该页面，该功能将不再起作用。单击“联系用户”时不会弹出窗口。

这是否与放置位置有关，如果它在正文中，data-role=page.还是因为 ajax 导航需要以某种方式刷新？

谢谢。

Answer 1

在使用 jQuery Mobile 时不应该使用内联 JavaScript：因为它的架构可能会导致问题。

你仍然可以尝试坚持写作：

onclick=\"javascript:formSubmit('$z');\"

但我强烈建议您在 pageinit 处理程序中附加一个事件，例如：

$(document).on("pageinit", "#your_page_id", function(event)
{
    $(document).on("click", "#your_button_id", function()
    {
        formSubmit(your_PHP_variable);
    });
});