jquery .clickが機能しない

Question

私は愚かな間違いをしているだけではないと思っていますが、何らかの理由で次のコードが動作しません。

var Photobooth = (function(){ 
var api = {}; 

var init = function(){ 
    form_ready(); 

}; 


var form_ready = function(){ 
    console.log("ready"); 
    $('#btn-signin').click(function(e){ 


     e.preventDefault(); 
     console.log('click'); 

     $.ajax({ 
       type: 'POST', 
       url: "entertainment/photobooth/signin/action/", 
       data:$(this).serialize(), 
       success: function(){ 
       $(this).addClass("done"); 
       } 
      }); 

    }); 
}; 



init(); 
return api; 
})(); 

HTML：：

<a id="btn-signin" href="##">SIGN IN </a> 

解決起こる唯一の事は

Javascriptを.click以内に何もない、それはコンソールで、 "準備完了" ログに記録しますが、通常、I私のJSコードを文書の終わりに、閉じた本文の前に置いてください...この場合、私は最初にそれを入れてdocument.readyを置くのを忘れてしまったので、今すぐ動作します。あなたは、私はjQueryのレディ機能であなたのコードを巻いていることがわかります私の例では

var Photobooth = $(function(){... 
    .... 
    init(); 
    return api; 
}); 

Answer 1

あなたがdocument.readyラッパーを必要とします。

Answer 2

http://jsfiddle.net/NiceGuy4263/LchcF/2/

：ありがとう

Answer 3

私にとってはうまくいきます。デモを試すhere：

jQueryを使用する前にロードされていないと仮定します。

常に私が<a>が作成される前に、あなたのコードを呼び出していると確信している

$(document).ready(function(){ 

}); 

Answer 4

内のjQueryを使用しています。 jQueryのreadyを使用するか、コードをページの下部に移動してください。