Question

我在一个单独的文件（名为contact.html）中有以下代码。

<div data-role="page" id="contact-us">
/* HTML for form */
<script type="text/javascript">
    $(document).on("pagecreate", "#contact-us", function () {

    $("#contact-btn").on("click", function() {
    var $form_details = $(this).parent("form").serialize();
    $form_id = $("#contact-type").val();
    $(".inner-content").html('<img src="img/loader.gif" class="video-loader">');
    $.ajax({
        type: "POST",
        url: 'http://app-url.co.za/app/includes/contact.php',
        data:{form_id: $form_id, form_details: $form_details},
        dataType: 'html',
        success: function(data){
            $(".inner-content").html(data);
        }
    });
    });

    });
</script>
</div>

我的PHP文件返回的数据是：

echo "<div class='centered'><h2>Message sent successfully</h2><a href='landing.html' data-transition='slide' data-direction='reverse' class='line-btn' id='register' data-role='button'>Back to menu</a></div>";

所以这一切都有效 - 我得到了我的成功消息和“返回菜单”按钮。当我点击此按钮时，它会转到landing.html，但成功消息仍然存在，而不是我的landing.html文件中的内容。

这不是在本地发生的，只有当我在Android设备上测试时（通过PhoneGap构建）。这是我对JQuery Mobile或Android问题的误解吗？

有什么想法吗？

信息重复到JQuery Mobile中的新页面

0 个答案: