在寻找过去两天我的问题的答案后,我问了这个问题。
已经尝试过的事情
我在 Eclipse 中尝试过以下操作:
- 清理/构建我的项目
- 重命名我的 JavaScript 文件(此文件中的更改未反映)
- 从控制台终止所有启动(使用双十字图标)
- 从调试窗口终止/断开所有启动(右键单击启动并选择终止/断开所有选项)
- 从项目中删除所有文件,清理项目并再次复制文件。
- 从浏览器选项中清除浏览器缓存/历史记录(使用 Google Chrome 47.0.2526.106 m 和 Internet Explorer 11.0.9600)
- 使用此代码
$("#form-contact-form").on('click', '#btn-contact-from-submit', function () {
//my code goes here...
});
代替
$('#btn-contact-from-submit').click(function(){
//my code goes here...
});
<script type="text/javascript" src="js/page-contact.js?123"></script>
也用过
我的问题
我正在做一个小改动,即在我的 html 文件中的按钮元素中添加一个事件侦听器。我在侦听器中添加了一个alert('Sending Message');
too,以便它在进入侦听器代码时立即触发警报。以前它正在工作。但是从过去两天开始,我所做的任何变化都没有反映出来。
ECLISPE 和 GAE 插件版本
- ECLIPSE:Juno 发布版本 ID:20120614-1722
- 用于 ECLIPSE 的 GAE 插件:3.8.0.v201410302155-rel-r42
代码
- HTML 按钮元素
<form action="contact" method="post" id="form-contact-form">
<div class="col-md-100 fadeInBottom"><button type="submit" id="btn-contact-from-submit">Let it go!</button></div>
</form>
- JAVASCRIPT 监听器
$(document).ready(function() {
$('#btn-contact-from-submit').click(function() {
alert('sending message first');
var isFormValidated = false;
isFormValidated = true; //making condition true
if (isFormValidated) {
alert('sending message');
$("#btn-contact-from-submit").html('Wait! It is going!');
$("#btn-contact-from-submit").prop('disabled', false);
$("#form-contact-form").submit(function(e) {
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax({
url: formURL,
type: "POST",
data: postData,
success: function(data, textStatus, jqXHR) {
//data: return data from server
$("#btn-contact-from-submit").html('It went! Thank you!');
},
error: function(jqXHR, textStatus, errorThrown) {
//if fails
alert('Crashed!');
}
});
e.preventDefault(); //STOP default action
e.unbind(); //unbind. to stop multiple form submit.
});
$("#form-contact-form").submit(); //Submit the FORM
}
});
});
我在正文结束之前包含了 JavaScript 文件
<script type="text/javascript" src="js/page-contact.js"></script>
有人可以帮我吗?
如果我错过了包含任何信息,请通知我,我会更新我的问题。
感谢社区!