点击时jQuery Mobile弹出窗口中的按钮移位/跳转

Question

在我的PhoneGap编译的jQuery Mobile应用程序中，我遇到了弹出窗口的奇怪显示错误。当您点击弹出窗口内的按钮时（或者有时只是当它出现时）内部按钮向下和向右移动会导致如下所示的丑陋格式问题：

为了让它更加混乱，它并不一致。有时它会发生，有时候没有可检测到的模式。此外，我从未在常规计算机浏览器上看到它，但它始终在Android PhoneGap应用程序中使用它。我也经历过多个版本的jQM和PhoneGap。有没有人有任何想法导致这个/如何解决它？

为了完整起见，以下是上述弹出窗口的代码：

<a href="#reallyFinishGame" data-rel="popup" data-transition="pop" data-transition="none" data-role="button" data-position-to="window" id="tabButton">

<div data-role="popup" id="reallyFinishGame" class="ui-content">
    <h2>Finish this game?</h2>
    <p>You can still edit it later from the "View" section.</p>
    <a href="" data-role="button" onClick="finishGame()" data-theme="a">Yes, go ahead</a>       
    <a href="#" data-role="button" data-rel="back" data-theme="c">Cancel</a>    
</div>