在发布表单之前使用ladda javascript

Question

我正在尝试将此脚本用于我的登录表单提交按钮，但它根本不起作用...

脚本：http://lab.hakim.se/ladda/

基本上，我无法在提交之前显示加载指示器。你们中的任何人都知道怎么做吗？

Answer 1

你看过README.md at Github了吗？如果您不能设法使其工作，请尝试按照说明操作并返回详细信息。

Answer 2

您需要抓住提交表单（我将使用coffeescript，但您可以将其转换为其jquery javascript等价物）

$("myform").on "submit" , (e)->
  e.preventDefault()
  data = $("myform").serialize()
  ladda = Ladda.create($(@).find("submit-button")[0])  
  // in the version i use i have to use [0] because the ladda does not accept a jquery object, it needs a dom object
  ladda.start() //this starts the animation
  $.post("path/for/post",
    data: data
  ).always ->
    ladda.stop() //this stops the animation on any case fail or success