jQuery在动态生成的DOM元素上绑定Event事件

jQuery 1.7中，在元素上动态绑定event事件可以使用如下的语法：

$(staticAncestors).on(eventName, dynamicChild, function() {});

在jQuery 早期的版本中，你也可以使用 live() ，如：

$(selector).live( eventName, function(){} );

但在 jQuery 1.7 版本中，live 已被弃用，在 jQuery 1.9版本中被完全地移除了，取而代之的是 on ，使用语法如下：

$(document).on( eventName, selector, function(){} );

假如，你在页面中动态创建了一个按钮元素，并指定了类选择器 dosomething，那么，你可以使用如下语法进行动态绑定 dosomething 这个元素的鼠标单击事件：

$(document).on('click', '.dosomething', function(){
    // 在这里处理单击事件
});

你可能的HTML代码：

<div class="buttons">
    <!-- 这里动态创建你的按钮 并在按钮上指定 dosomething的class类名 -->
</div>