jQuery Mobile导致CSS3动画在面板节目中重新启动

Question

我正在使用jQuery Mobile创建侧边栏面板：

http://demos.jquerymobile.com/1.4.0/panel-fixed/

我的页面正文中有CSS3动画（ui-content），这会在页面加载时触发：

h1.page-title{
    -webkit-animation: fade-in 1s linear;
    animation: fade-in 1s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

一切正常，但是当我点击链接显示面板时，动画再次重新启动（只有一次）。任何人都可以想到造成这种情况的原因吗？

page-title类是唯一的，无论如何都不会被jQuery mobile引用。我只能认为它模拟页面刷新，但如果链接被点击两次，它就不会再次重新启动。

Answer 1

Per Omar的评论，这很有效：

  

在<div class="ui-panel-wrapper">中换行内容div。打开面板时   这是第一次，它将内容div包含在div中   上述课程。这仅适用于data-display 推送和   透露，但重叠。