联系表单加载错误调试

Question

我试图在我的网站上实施一个取自Reusableforms的联系表格。

它在演示页面http://aprehende.pe/demo/formpage.html中运行良好，但当我尝试在我的网站http://aprehende.pe/demo/index.html中使其工作时，它只是重新加载并且没有发送消息。

我怀疑与bootstrap，jquery或css存在冲突。我看过我的代码，但我找不到任何错误。

可能是什么问题？

Answer 1

jQuery加载存在问题。如果您打开Chrome控制台，则会发现错误消息Uncaught ReferenceError: $ is not defined。

验证了index.html的源代码，发现form.js之前已加载jQuery.js。

在index.html中，更改为：

<script src="form.js"></script>    
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

为：

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="form.js"></script>