Question

我在按下提交按钮时尝试显示加载gif，但我的coffeescript似乎没有工作。当我提交表格时，如何使用Coffeescript显示div？

CoffeeScript的：

$(document).ready ->
$('form#add_product_form').submit ->
    console.log("test")
    $("#circularG").show()
    false

HTML表单：

<form accept-charset="UTF-8" action="/products/new" data-remote="true" id="add_product_form" method="post"><div style="display:none"><input name="utf8" type="hidden" value="✓"></div>
      <p>
        <label for="link_url">Url</label><br>
        <input autofocus="autofocus" id="link_url" name="link[url]" type="text">
      </p>

      <p>

        <input class="btn btn-primary" name="commit" type="submit" value="Add Product">
      </p>
</form>

我的Coffeescript正在编译成js：

  $(document).ready(function() {
return $('form#add_product_form').submit(function() {
  console.log("test");
  $("#circularG").show();
  return false;
});

}）;

Answer 1

确保在第二行之前添加空格

$(document).ready ->
  $('form#add_product_form').submit -> #HERE
    console.log("test")
    $("#circularG").show()
    false

Answer 2

你必须附上＆＃34;提交＆＃34;事件到FORM元素，例如

  $('#id_for_form').submit ->
    $('.div').show()

Coffeescript绑定提交表单以显示提交div

2 个答案: