3

さまざまなページのコンテンツが1つのhtmlページに含まれるjquerymobileを使用しています。

ページ変更(スライドページ)では、他のページは同じエッジアニメーションを持ちます。これは、すべてのhtmlコンテンツが単一のhtmlページに配置されるため、最初のエッジアニメーションのみが機能し、残りは機能しません。

私は2つのステージIDを持っています

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

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

以下のコードは、1つのstage(<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>

しかし、それは機能しません。

コミュニティの誰かがこの問題の解決を手伝ってくれませんか?

問題は、 adobeedgeanimateとそのAPIに依存していると思います。

4

2 に答える 2

0

存在する両方の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>
于 2013-01-25T06:27:00.190 に答える