javascript对象中的JQuery事件

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

试试这个

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

您在元素位于 DOM 之前附加处理程序。

Answer 2

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 3

你不需要把它放在初始化中。试试吧

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

看到这个DEMO

Answer 4

您正在尝试将处理程序绑定到不存在的元素。试试这样的：

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() { ... });