如何添加在一个HTML页面两个相同的Adobe边缘动画？(How to add two same a

我使用jQuery Mobile的，不同的页面内容将在一个HTML页面。

在页面的变化（滑动页面），其他页面具有相同的边动画的，因为所有的HTML内容将设在一个HTML页面，只有第一边缘有生将工作，其余的将无法工作。

我有两个阶段的id

<div id="Stage" class="spring_animation"></div>

<div id="Stage2" class="spring_animation"></div>

下面用于一个阶段代码（ <div id="Stage" ）边缘有生工作...

<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="spring_edgePreload.js"></script>
<!--Adobe Edge Runtime End-->

<script type="text/javascript">
 jQuery(document).ready(function(){        
     jQuery('[data-url="10.htm"]').live('pageshow', function(){

        if($ && $.Edge && $.Edge.symbol.get($("#Stage"))){
            $('#Stage, #Stage > div').show();
            $.Edge.symbol.get($("#Stage")).play(0); 
        }

    });   
 });       
</script>

但是，它不工作。

会不会有人在社区请帮我解决这个问题？

我认为，问题是依赖与土坯边缘动画及其API 。

Answer 1:

我跟着这个教程和它的作品。 http://blogs.adobe.com/edge/2012/05/15/bootstrapping-edge-compositions/

它使用普通的JavaScript来显示/隐藏权组成。 所有神奇的是东阳回调：AdobeEdge.bootstrapCallback（函数（compId）{//当组合物准备玩你的函数将被调用}）;

正如评论指出，当组合物是准备在回调函数会被调用。 我做了一个工作示例改变上按一下按钮组成。

Answer 2:

您是否尝试过将它应用到这两个ID的出现：

<script type="text/javascript">
    $(document).ready(function(){
    jQuery('[data-url="10.htm"]').live('pageshow', function(){

        if($ && $.Edge && $.Edge.symbol.get($("Stage"))){
            $('#Stage, #Stage > div').show();
            $.Edge.symbol.get($("#Stage")).play(0);

        }
    });

    jQuery('[data-url="11.htm"]').live('pageshow', function(){

        if($ && $.Edge && $.Edge.symbol.get($("Stage2"))){
            $('#Stage2, #Stage2 > div').show();
            $.Edge.symbol.get($("#Stage2")).play(0);

        }
    });
});

</script>

文章来源: How to add two same adobe edge animation in single html page?