页面动态加载时的jQTouch bind("pageAnimationEnd")答案

【问题标题】：jQTouch bind("pageAnimationEnd") when page is loaded dynamically页面动态加载时的jQTouch bind("pageAnimationEnd")
【发布时间】：2011-02-13 17:24:20
【问题描述】：

在 jQTouch 中，我根据 jQT 演示从服务器动态获取页面

<a href="/page" class="button">The Page</a>

它将 HTML sn-p 加载到

<div id="page">

正常情况下我能做到

$('#page').bind("pageAnimationEnd", ...)

知道页面何时完成加载，但它似乎不适用于动态加载的内容。我一直在努力寻找解决方法，但一直未能。我认为关于 SO 的这个问题是asking the same thing，但似乎没有任何确凿的答案。

【问题讨论】：

标签： jqtouch

【解决方案1】：

如果您可以访问“页面”，只需将 javascript 放在该页面上，它就会在加载完成时执行。所以在页面 html 中你可以添加 ...

<script>
    $(function() {
       do something when im finished
    });
</script>

【讨论】：

【解决方案2】：

$('#myid').live('pageAnimationStart', function(e, info){
         //do something
   }).bind('pageAnimationEnd', function(e, info){
                if (info.direction == 'in'){
                   //do something
                }
});

【讨论】：