Question

我在导入JS src的顺序问题上遇到了一些困难。

我对JS / jQuery很陌生，所以大部分都认为我只需要包含一个脚本而且一切都运行良好。

我有一个联系页面，页面上有一个谷歌地图和表格，表格也依赖于som JS来漂亮并验证输入。

这些工作正常。

我现在刚刚更新了标题中的登录框，下拉列表使用简单的jquery函数在选中时显示它。

现在我已经有了这个脚本，我不能让它们全部一起工作，我尝试了各种组合，但没有工作，所以我必须错过一些重要的事情，有人可以解释一下吗？

这些是例子：

地图始终显示，登录功能包含在“helperFunctions”中，而表单函数调用则在“myContactForm”中

1：表单显示正确，登录无效

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--Disable zoom to pinch-->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/helperFunctions.js"></script>

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
</script>

<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/ourContactForm.js"></script>

2：表格不显示登录的方式

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--Disable zoom to pinch-->

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/helperFunctions.js"></script>

<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/ourContactForm.js"></script>

其他排列结果并不是很多工作。

感谢您的帮助

编辑：使用jquery文档解决的详细信息:) http://jquery.com/download/

Answer 1

在这两个示例中，您包括jQuery 1.3.2和最新版本。为什么？我猜，你的插件可以与其他版本的jQuery一起使用。只需检查一下，只包含一个。

Answer 2

对于任何磕磕绊绊的人都会犯同样的愚蠢错误......

这些：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

取自http://jquery.com/download/

将解决问题。

试图理解如何添加脚本以及以什么顺序添加脚本 - 遇到困难

2 个答案: