ajax - ajax 调用后 JQuery Mobile 事件不会触发

Question

我是 JQM 新手，我将它用于我们的 ASP.NET MVC 4 项目。这是我正在使用的代码的简化版本：

控制器：

public ActionView ShowModel() { return View("ShowModel", new Model()); }

查看（ShowModel.cshtml Javascript）：

<script>
    $('#page').bind('pageinit', function() {
        $('#spanSubmit').click(function () { $('form').submit(); });            
    });
<script>
<form action="@Url.Action("ShowModel")">
    <span id="spanSubmit">Submit</span>
</form>

在 AJAX 查询之后，我无法再次触发表单提交，回调中附加的其他回调也没有pageinit工作。当我添加data-ajax="false"到表单标签时，一切都开始工作了。但我真的希望它与 AJAX 一起工作，所以谁能解释我该怎么做。

我知道我的问题被问了好几次，但我仍然无法使这个页面正常工作。提前致谢。

Answer 1

在 AJAX 调用之后，我需要更多地查看文档和 HTML 代码。AJAX 完成后，JQM 会创建一个具有相同 id 的附加页面。所以调用$('#page').bind失败，因为现在有两个带有pageid 的页面。