0

在寻找过去两天我的问题的答案后,我问了这个问题。

已经尝试过的事情

我在 Eclipse 中尝试过以下操作:

  1. 清理/构建我的项目
  2. 重命名我的 JavaScript 文件(此文件中的更改未反映)
  3. 从控制台终止所有启动(使用双十字图标)
  4. 从调试窗口终止/断开所有启动(右键单击启动并选择终止/断开所有选项)
  5. 从项目中删除所有文件,清理项目并再次复制文件。
  6. 从浏览器选项中清除浏览器缓存/历史记录(使用 Google Chrome 47.0.2526.106 m 和 Internet Explorer 11.0.9600)
  7. 使用此代码

$("#form-contact-form").on('click', '#btn-contact-from-submit', function () { //my code goes here... });

代替

$('#btn-contact-from-submit').click(function(){ //my code goes here... });

  1. <script type="text/javascript" src="js/page-contact.js?123"></script>也用过

我的问题

我正在做一个小改动,即在我的 html 文件中的按钮元素中添加一个事件侦听器。我在侦听器中添加了一个alert('Sending Message');too,以便它在进入侦听器代码时立即触发警报。以前它正在工作。但是从过去两天开始,我所做的任何变化都没有反映出来。

ECLISPE 和 GAE 插件版本

  1. ECLIPSE:Juno 发布版本 ID:20120614-1722
  2. 用于 ECLIPSE 的 GAE 插件:3.8.0.v201410302155-rel-r42

代码

  1. 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>

  1. 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>

有人可以帮我吗?

如果我错过了包含任何信息,请通知我,我会更新我的问题。

感谢社区!

4

0 回答 0