我正在为我的 JQuery 应用程序而苦苦挣扎。我很少有脚本将它们全部放在一个 js 文件中，然后链接到将要加载的页面上。我的问题是？我必须在每个 HTML 页面中使用下面的结构吗？
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="index.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script src="phonegap.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
我的 index.js 中的大部分脚本都以：
$(document).on("pageinit", '#Page', function(){
});
问题是，当我启动应用程序时，它们都可以工作，但是一旦我开始重复这些模块，它们中的一些就会停止工作。有谁知道会发生什么？
提前致谢！