Javascript 为什么头文件中包含的第二个js文件不能正常工作？

我在JQuery移动应用程序和Phonegap中工作。 我在头文件中声明了一个File1.js文件，作为头文件中的最后一个文件

因此，我在js文件中有一个小函数：

$('#SendMailButton').bind('tap',function(e){
    alert("Hello");
});

当用户按下按钮时，一切正常

之后，我将此函数从File1.js文件移动到新的File2.js文件 我在File1.js下面声明File2.js，如下所示：

<script src="js/File1.js"></script>
<script src="js/File2.js"></script>

但它不起作用

完整的标题如下所示：

<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/jquery.mobile.iscrollview.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="cordova.js"></script>

<script src="js/File1.js"></script>
<script src="js/File2.js"></script>

---

我怎么了？

您正在加载两个jquery.mobile，也在加载jquery mobile之后加载jquery，请尝试使用此标题：

<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/jquery.mobile.iscrollview.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="cordova.js"></script>

<script src="js/File1.js"></script>
<script src="js/File2.js"></script>

是

$（function（）{…code here…}）

或

$（document.ready（function（）{…code here…}）

中的代码部分吗？是不是在File1中？自从你移动了函数后，你有没有检查File1.js中是否存在任何错误，如括号不匹配等？您可以检查两件事：File2.js在您正在工作的页面中正确加载&如果将File2.js的include移到File1.js之前会发生什么情况是的，代码在deviceready侦听器中。因此，我更改了this:$（'#SendMailButton'）.bind（'tap'，函数（e）{对于this:$（document）.bind（'tap'，'SendMailButton'，函数（）{现在它成功了！谢谢@PetervanderWal，你启发了我！我如何才能增加你正确答案的投票数？好吧，我想我没有足够的声誉来标记一个答案是正确的，仍然！谢谢你。谢谢你，赫克托，我按照你的建议更改了标题，一切正常。