さまざまなページのコンテンツが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に依存していると思います。