jquery .click не работает

Question

Я надеюсь, что я не просто делаю глупую ошибку, но по какой-то причине следующий код не работает. Единственное, что происходит, это регистрирует «готово» в консоли, но ничего внутри .click

Javascript:

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>

РЕШЕНИЕ: Обычно я помещаю свой код JS в конец документа, перед закрывающим телом ... В этом случае мне пришлось поместить его в начало и забыть положить документ. сейчас. Спасибо

Answer 1

Вам нужна оболочка document.ready:

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

Answer 2

Я уверен, что вы вызываете свой код до создания <a>.Используйте jQuery ready или переместите свой код вниз страницы.

Answer 3

Это работает для меня.Попробуйте демо здесь :

Я предполагаю, что ваш jQuery не загружен, прежде чем использовать его.

Всегда используйте jQuery в

$(document).ready(function(){

});

Answer 4

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

В моем примере вы увидите, что я завернул ваш код в функцию jQuery ready.