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>

这在第一次工作正常，但如果您导航到另一个页面（一个与此表单无关），然后单击返回返回页面，该功能不再有效。点击＆＃39;联系用户＆＃39;

时，您不会弹出

这是否与放置位置有关，如果它位于正文中，则为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);
    });
});

JQM函数最初工作，但在导航返回后没有，data-rel = back

1 个答案: