使用 jQuery mobile 在页面加载时提交表单

Question

当窗口加载 jQuery Mobile 时，我需要提交表单。这是我的代码，但它不起作用。

$(document).ready(function() {
  $('#form_id').submit();
});

我已经在提交中测试了警报功能，但警报不起作用。

$(document).ready(function() {
  $('#form_id').submit(function(){alert('wow');});
});

形式：

<div data-role="page" id="default">
  <div data-role="header">
    <h1>My Title</h1>
    <a href="myLink" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Accueil</a>
  </div><!-- /header -->
  <div data-role="content" >
    <form name="form_id" id="form_id" action="mylink" method="POST">
      <!--a simple input hidden inside-->                                                                                                      
    </form>
  </div><!-- /content -->
</div><!-- /default -->

我使用 jquery-1.6.4.min.js 和 jquery.mobile-1.0.min.js

在 Chrome 16.0.912.77 m 和 Firefox 9.0 上测试。 1

Answer 1

尝试将表单操作属性更改为一些正确的链接，例如“action.html”并尝试。它将进入新页面

Answer 2

您是否仔细检查了页面上表单元素的实际 ID？我在代码中将其定义为“form1”，但是当页面呈现时，它被重命名为“aspnetform”。当我更改 jquery 选择器以找到正确的 ID 时，一切都很好。