jquery внутри fancybox не работает

Question

У меня проблемы с jquery в fancybox. В основном у меня есть форма, отображаемая через ajax, и она была загружена в fancybox. Но проблема в том, что jquery не работает с формой, загруженной fancybox :(, но работает нормально, когда я перехожу на страницу формы.

Я нашел подобную проблему здесь http://groups.google.com/group/fancybox/browse_thread/thread/fe6f9cad7b42df79, где он говорит использовать абсолютные ссылки ... Я даже пытался это сделать, но не повезло.

Кто-нибудь из вас сталкивался с подобной проблемой?

вот мой код jquery

$(document).ready(function() {
  $("input#user_username").click(function(e){
    alert("asaadasd");
  }); // this works fine when called through the form loaded in the page, but doesn't when the form is loaded within fancybox

  $("a#login-link, a#login-link2, a#signup-link, a#signup-link2").fancybox({
    'scrolling'   : 'no',
    'titleShow'   : false
  });

});

любая помощь?

Answer 1

Если ваша форма загружается через ajax, событие click не будет привязано к нему на document.ready, так как оно не присутствует в документе в то время.Вместо этого используйте live().Это связывает событие с существующими и будущими элементами в документе.

$("input#user_username").live("click", function(e) {
    alert("asaadasd");
});

Answer 2

Вы должны использовать .on () сейчас (так как live устарела) ...

$(document).on("click", "input#user_username", function(e) {
    alert("asaadasd");
});