点击时，JQuery Mobile UI按钮在视觉上断开

Question

我有一个使用JQuery Mobile 1.4.2和PhoneGap 3.3构建的Android应用程序 在大约三分之一的负载中，当我点击一个按钮时，它弹出不合适并且看起来很糟糕。我应该使用某种类型的onDeviceReady函数来避免这个问题吗？谢谢！这是截图：

我的脚本在标题中以防有用：

<link href="js/jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/index.js"></script>
<link rel="apple-touch-icon" href="img/HomeScreenIcon.png" />
<link rel="apple-touch-startup-image" href="img/SplashSceen.jpg"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/moment.min.js"type="text/javascript"></script>
<script src="js/jquerymobile10.3.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript" src="cordova.js"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/categories.js" type="text/javascript"></script>
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:n6:default.js" type="text/javascript"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oxygen:700' rel='stylesheet' type='text/css'>
<link href="css/overwrite.css" rel="stylesheet" type="text/css">