Как добавить две одинаковые Adobe Edge края анимации на одной HTML-странице?

Я использую 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.

Ответы на вопрос(2)

Ваш ответ на вопрос