Google Apps Scriptを使用したWebアプリケーションでjQueryコードが実行されていない

Question

jQueryコードの一部がGoogle Apps Scriptを使用しているWebアプリケーションで動作しない理由を確認できますか？「#thank_you」は表示されず、「email_subscribe」スライドアップしないでください。ここでは、Webアプリケーションへのリンクです： https://script.google.com/macros/s/AKfycbzwqzFpfaUQ1Bnp6q1eo_rEXK7bn3iJLePUdNjymirHxCgz9UYi/exec

は、そしてここのコードです：

<div> 
    <form id="email_subscribe"> 
     <input type="email" name="email" id="email" placeholder="Enter your email"> 
     <input type="submit" value="Subscribe"> 
    </form> 
    <span id="thank_you" hidden="true">Thank you!</span> 
</div> 
<?!= HtmlService.createHtmlOutputFromFile('CSS').getContent(); ?> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
    </script> 
    <script> 
     $(document).ready(function() { 
      $("#email_subscribe").submit(function() { 
       google.script.run.withSuccessHandler(function(ret) { 
        $("#thank_you").show("slow"); 
        $("#email_subscribe").slideUp(); 
        console.log(ret); 
       }).addEmail(this); 
      }); 
     }); 
    </script> 

Answer 1

フォームのデフォルトの動作ボタンを提出するには、フォームの要素を非表示にすることです。だから、 "ありがとう"の代わりに隠されている要素を提出した後に表示されます。デフォルトの動作を抑制するためにすべてを行う必要があるので、のようなあなたのjQueryからfalseを返すです：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
    </script> 
    <script> 
     $(document).ready(function() { 
      $("#email_subscribe").submit(function() { 
       google.script.run.withSuccessHandler(function(ret) { 
        $("#thank_you").show("slow"); 
        $("#email_subscribe").slideUp(); 
        console.log(ret); 
       }).addEmail(this); 
       return false; 
      }); 
     }); 
    </script> 

あなたがsuccessHandlerで関数を実行しているので、可能性が期待通りに動作していない機能のための他の理由。したがって、電子メール機能の追加に失敗した場合は、表示およびスライドアップするスクリプトは実行されません。私は上記のリンクにアクセスしようとすると、コンソールに次のエラーを得た：あなたの質問に答える

Uncaught Error: Document 1VY3yA_pvXBFX789RHbDwNQoGYxee4P_g6rkqjE-KpzY is missing (perhaps it was deleted?) at addEmail

希望を！