jQTouch AJAX表单回调

我在jQTouch应用程序中设置了一个简单的AJAX POST表单。我们这里讲的是开箱即用的简单：

<form id="contact" class="topPage" method="post" action="/process/mobile-submit.cfm">
   <!-- Various form guts go here -->
</form>

这非常有效。我的用户输入他们的信息，我的服务器端脚本完成它的工作，吞噬潜在客户数据，并给出一个开箱即用的简单响应

<div>
    <div class="toolbar">
        <a href="#contact" class="slide back">Back</a>
    </div>
    <div class="info">
        <strong>Thank You For Your Submission</strong><br />
        We have received your inquiry, and blah blah blah jibber jabber.
    </div>
</div>

感谢您的提交

我们已经收到你的询盘，以及诸如此类的胡言乱语。

每个人都很开心。。。除了我们这些试图在Google Analytics中跟踪转换的人。现在，我已经使用pageAnimationEnd事件在这个应用程序的每个面板上设置了虚拟页面视图，当您事先知道这些选择器将要附加到哪些选择器时，这很容易，但是当jQTouch从表单返回创建一个新段时，它有一个通用的序列化ID，如#page-N

我尝试在表单返回中添加一个松散的脚本块。这对我桌面上的Firefox来说很好，但对我手机上的Safari来说就没那么好了

既然我已经允许jQTouch在本例中为我处理AJAX细节，那么有没有一种简单的方法将成功处理程序附加到它上？或者我最好尝试在

$（'[id^=page-]'）

上绑定一个pageAnimationEnd处理程序，并希望在我们用jQuery Mobile编写的应用程序替换此应用程序之前，业务部门不希望我对临时表单返回做任何其他事情。 返回片段可以自然地声明自己的ID，然后jQTouch会将其视为文档的原始部分。我之前假设jQTouch对我给片段赋予的属性毫不犹豫；我错了

这意味着您可以像文档的任何其他部分一样转到它。这还意味着您可以通过ID或类名在返回片段上绑定pageAnimationEnd处理程序，它的行为将如预期的那样。因此：

<div class="formResult">
<div class="toolbar">
    <a href="#contact" class="slide back">Back</a>
</div>
<div class="info">
    <strong>Thank You For Your Submission</strong><br />
    We have received your inquiry, and blah blah blah jibber jabber.
</div>

$('.formReturn').live('pageAnimationEnd', function(evt, info) {
    if (info.direction == 'in') {
        // Goal completion code
    } else {
        $(this).remove();
    }
});