动态生成DOM元素时绑定事件失效是一个常见的前端开发问题。在传统的JavaScript事件绑定方法中，如果直接使用jquery的bind方法绑定事件，这种方法只对当前已经存在的DOM元素有效，对于后来动态生成的DOM元素则无法实现事件绑定。原因在于bind方法在执行时，只将事件处理程序绑定到了当前已经存在的DOM元素上，对于之后新增的元素并不会自动绑定事件。因此，当通过JavaScript代码动态添加新的DOM元素到页面中时，原先绑定的事件并不会应用到这些新元素上，导致事件失效。
解决动态生成DOM元素事件失效的方法有几种：
1. 直接在动态生成DOM元素的地方重新绑定事件。这意味着每当添加新元素到页面时，都需要手动触发事件绑定方法。
2. 使用jquery的live方法。与bind不同，live方法可以在元素被添加到DOM之后仍然可以绑定事件，live方法能够监听到所有具有特定标识的元素的事件，无论是现在存在的还是将来可能会添加的。但需要注意的是，live方法在jquery 1.9版本之后已被弃用。
3. 使用delegate方法。delegate方法允许开发者在一个父元素上绑定事件，然后委托子元素触发该事件。当事件在子元素上触发时，会沿着DOM树冒泡到父元素并触发委托事件。这种方式不仅可以处理当前已存在的元素，也能处理后来添加的元素。
4. 使用jquery 1.7版本之后的on方法。on方法被推荐替代bind()、live()和delegate()，它是一个通用的事件监听方法。可以在父元素上使用on方法来委托事件，处理动态添加的子元素的事件。
关于最近遇到的动态生成元素事件失效的原因，通常是在页面初始化阶段，某些DOM元素还没有被加载到页面中，因此无法进行事件绑定。如示例中提到的，尝试给动态生成的删除按钮绑定删除事件时，由于按钮还未生成，所以绑定事件时获取到的是一个空的元素。解决办法是先对父元素（如table）绑定事件，然后在事件触发时捕获事件的目标元素，再执行相应的操作。
除此之外，在使用bind方法时还需要注意，每次绑定事件后，事件会一直存在，除非使用unbind方法解绑。如果没有解绑就重复绑定，可能会导致事件监听器数量的累积，比如在每次触发事件时都绑定一个新的事件处理程序，这将导致事件处理程序的重复执行。例如，在使用bind方法进行ajax请求时，可能会出现请求次数逐渐加倍的情况，因为每次事件触发都增加了一个新的监听器。为了避免这种情况，需要在重新绑定事件前，先用unbind方法解除元素原有的事件绑定。
为了保证动态生成的DOM元素能够正确响应事件，开发者需要根据具体情况选择合适的事件绑定方法，并在事件处理逻辑中注意事件的解绑和重新绑定问题，以避免不必要的性能负担。
