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

时间:2013-06-13 13:01:22

标签: ajax jquery-mobile

我是JQM newbe,我将它用于我们的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一起工作,所以任何人都可以解释我该怎么做。

我知道我的问题被多次询问过,但我仍然无法使此页面正常工作。提前谢谢。

1 个答案:

答案 0 :(得分:0)

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