3 Replies Latest reply on Jan 21, 2013 6:49 AM by Justin-John

    How to add two same edges in one html page?

    Justin-John

      How add two same edges in one html page?

       

      I am using jquery mobile where different pages contents will be  in one html page. On page sliding different pages that have same edge animates, but all will be one html page, only first edge animate will work, rest will not work.

       

       

      I have two stage id's

       

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

       

      I tried with

       

       

          <!--Adobe Edge Runtime-->
          <script type="text/javascript" charset="utf-8" src="spring_edgePreload.js"></script>
          <!--Adobe Edge Runtime End-->
      
          <script type="text/javascript">
              jQuery('[data-url="10.htm"]').live('pageshow', function(){
      
                  if($ && $.Edge && $.Edge.symbol.get($("Stage1"))){
                      $('#Stage1, #Stage1 > div').show();
                      $.Edge.symbol.get($("#Stage1")).play(0);
      
                  }else {
                      (function($,Edge,compId){var Composition=Edge.Composition,Symbol=Edge.Symbol;
                          //Edge symbol: 'stage'
                          (function(symbolName){})("Stage1");
                          //Edge symbol end:'stage'
                      })(jQuery,AdobeEdge,"spring_animation");
                  }
              });
              jQuery('[data-url="11.htm"]').live('pageshow', function(){
      
                  if($ && $.Edge && $.Edge.symbol.get($("Stage2"))){
                      $('#Stage2, #Stage2 > div').show();
                      $.Edge.symbol.get($("#Stage2")).play(0);
      
                  }else {
                      (function($,Edge,compId){var Composition=Edge.Composition,Symbol=Edge.Symbol;
                          //Edge symbol: 'stage'
                          (function(symbolName){})("Stage2");
                          //Edge symbol end:'stage'
                      })(jQuery,AdobeEdge,"spring_animation");
                  }
              });
      
          </script>
      

       

      But doesn't works.

       

       

      Will anyone in community please help me solve this issue?