jquery 如何为一个插件编写事件？

[davidtsui]

我做了个“插件”，我也不知道是不是叫插件，反正就是类似下面这个东西。

$.fn.Lister = function(){
    var container = this;
    
    // 获取一个列表
    $.get('xxxx', function(result){  
        
        // 遍历列表，并创建到容器中
        $(result).each(function(){  
            $(container).append('<button>'+ this.Name +'</button>');
        });
    });
}

这个“插件”的大概用途是，获取一个列表，并将每个列表项生成一个 button 添加到你指定的容器中。例如：

$('#DivId').Lister();

可是现在我想当点击任何一个 button 时，调用者可以获取点击按钮的 html 内容。例如：

$('#DivId').Lister('onClick' : function(buttonHtml){ alert(buttonHtml) });

这是我看一般插件的功能都是这样实现的。请问在我这个例子中如何能做到？代码该如何写？谢谢

[街头小贩]

给你的添加click的元素绑定就可以了.例如:

$(container).append($('<button>'+ this.Name +'</button>').bind('click',function(){
	//todo
}));

[街头小贩]

$('#DivId').Lister('onClick' : function(buttonHtml){ alert(buttonHtml) }); re: Lister的参数是一个对像吗？对象应该是Lister({'onClick':function(){...}})

[davidtsui]

引用 1 楼 xiaofanku 的回复:

$('#DivId').Lister('onClick' : function(buttonHtml){ alert(buttonHtml) }); re: Lister的参数是一个对像吗？对象应该是Lister({'onClick':function(){...}})

问题是，第一段代码中没有执行 onclick 的对应命令。该怎么添加进去？