JQuery событий в JavaScript Object

Question

У меня есть объект JavaScript

function A() 
{ 
    this.ini = function() 
    { 
     $('#test').html('<button id="click" >Hi</button>'); 
    }  

    $('#click').on('click',function(){ 
     alert('Hi'); 
    }); 
} 

http://jsfiddle.net/G2MUE/1/

Но у меня есть проблема, событие OnClick не используется.

Спасибо за вашу помощь

Answer 1

function A() 
{ 
    this.ini = function() 
    { 
     $('#test').html('<button id="click" >Hi</button>'); 
    }  

    $(document).on('click', '#click', function(){ 
     alert('Hi'); 
    }); 
} 

http://jsfiddle.net/G2MUE/7/

Answer 2

Вы пытаетесь привязать обработчик к элементу, который не существует. Попробуйте что-то вроде этого:

http://jsfiddle.net/pdT24/

function A() { 
    this.ini = function() { 
     $('<button id="click" >Hi</button>') 
      .click(clickfn) 
      .appendTo('#test'); 

    } 

    var clickfn = function (e) { 
     alert('Hi'); 
    }; 
} 
var a = new A(); 
a.ini(); 

Альтернативой было бы событие делегации с on():

$('#test').on('click', '#click', function() { ... }); 

Answer 3

Попробуйте

$(document.body).on('click', "#click" ,function(){ 
    alert('Hi'); 
}); 

Вы подключаете обработчик перед элементом является в DOM.

Answer 4

Вам не нужно положить его в initializeation.Try как

function A() 
{  
    $('#test').html('<button id="click" >Hi</button>');    
    $('#click').on('click',function(){ 
     alert('Hi'); 
    }); 
} 
A(); 

Смотреть это DEMO