javascript - 在发布表单之前使用 ladda javascript

Question

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

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

基本上，我不能在点击和提交之前显示加载指示器。你们中的任何人都知道如何做到这一点吗？

Answer 1

您需要捕获提交表单（我将使用咖啡脚本，但您可以将其转换为等效的 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

Answer 2

你看过 Github 的 README.md 了吗？如果您不应该设法使其工作，请尝试按照说明进行操作并返回细节。