jQuery绑定事件无效，试试动态绑定

使用jQuery绑定事件，一般都采用如下的方式

<div class="button">按钮</div>
<script lang="javascript">
    $('.button').click(function () {
        window.alert('zhuige.com');
    });
</script>

但是，有时候这样绑定事件是无效的，主要有以下两种情景：

1. 绑定事件的时候，被绑定事件的元素，被设置了display none；之后又被设置为可见；

2. 绑定事件的时候，被绑定事件的元素，在文档中不存在，而是之后被添加到文档的。

总之，就是绑定事件的时候，jQuery找不到这个元素。

要解决这个问题，方法就是让jQuery把事件绑定到jQuery能找到的元素上，比如上面div.button的父元素，或者document节点。如下：

$(document).on('click', '.button', function() {
    window.alert('zhuige.com');
})