JQuery插件 - 将事件绑定到动态元素

Question

我正在构建我的第一个JQuery插件并学习插件的标准。我在我的插件中创建动态元素 -

var control = $("<table><tr><td><div>Test Control</div></td><td><img src='' /></td></tr></table>")
//Add the control to the document

现在如何在表格中注册div的click事件？

Answer 1

就像这样（我添加了一个类并用锚替换它，所以它更具体和语义）：

var control = $('<table><tr><td><a class="test" href="#">Test Control</a></td><td><img src='' /></td></tr></table>');
// Add control to document
control.find('a.test').click(function(e)
{
   // Do whatever...
   e.preventDefault(); // Prevent default behavior of the anchor
});