javascript - フォームを投稿する前にladda javascriptを使用する

Question

ログインフォームの送信ボタンにこのスクリプトを使用しようとしていますが、まったく機能しません...

スクリプト: http://lab.hakim.se/ladda/

基本的に、onclickおよび送信前に読み込みインジケーターを表示できるようにしたくありません。これを行う方法を知っている人はいますか？

Answer 1

送信フォームをキャッチする必要があります（私は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

Answer 2

GithubのREADME.mdはご覧になりましたか? うまくいかない場合は、指示に従って詳細を確認してください。