0

過去 2 日間の問題に対する回答を探した後、この質問をしています。

すでに試したこと

私は日食で次のことを試しました:

  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');リスナー コードに入るとすぐにアラートがトリガーされるように、リスナーにもを追加しました。以前は動作していました。しかし、過去2日間から、私が行った変更は反映されていません.

Eclipse と GAE プラグインのバージョン

  1. ECLIPSE: Juno リリース ビルド ID: 20120614-1722
  2. 日食用の 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