我正在使用Jquery Mobile + html5 + PhoneGap开发应用程序...我正在使用多页模板...我所有应用程序的页面都在同一个.html ...这样的事情：
<!--********* HOME *************-->
<div data-role="page" id="home">
<div data-role="content">
.....
</div>
<div data-role="footer" data-position="fixed" id="footer">
<a href="#menu" data-role="button" dataicon="home" data-transition="fade" id="credits"> </a>
</div>
</div>
<!--********* HOME *************-->
<!--********* MENU *************-->
<div data-role="page" id="home">
<div data-role="content">
.....
</div>
<div data-role="footer" data-position="fixed" id="footer">
<a href="#menu" data-role="button" dataicon="home" data-transition="fade" id="credits"> </a>
</div>
</div>
<!--********* MENU *************-->
依旧......
在某些页面中，我实现了一些动画...就像可折叠元素的自动打开一样
$(document).on('pageshow', '#mostra_menu, #regina_menu, #cultura_menu, #restauro_menu', function(){
$('.ui-collapsible').children().next().hide();
$('.ui-collapsible').children().next().slideDown(300);
});
这个工作很有用......问题是当我重新加载同一页面时 - #mostra_menu，... - 折叠仍然打开......
其他页面中的同样问题，我有一个动画.gif ...当我第一次加载动画正常启动的页面时...如果我导航应用程序然后用.gif重新加载页面动画没开始......
我认为问题出现在多页html中...它被加载一次......所以重新访问的所有页面都没有重新加载......
我该如何解决？！