jquery - 动态插入元素后无法触发 .on( 'timeupdate' , 'video' ....) 事件

Question

我使用自定义控件动态地将视频元素添加到页面。除了我用来更新搜索栏位置的“timeupdate”事件之外，我的所有自定义控件都正常工作。

我尝试过使用:

 $(document).on('timeupdate', 'video', function () {
              alert("got it");            
        });

Answer 1

我尝试通过委托(delegate)事件来解决这个问题。 api.jquery.com/on 当从文档中委派时，我可以很好地触发其他事件，但不能在视频元素本身上触发。所以从那时起我就睡了，事实证明事件绑定(bind)没有生效，因为它们是在对象存在之前声明的。通过在创建视频元素后添加事件绑定(bind)解决了这个问题。

function(){
//add video element
...
//add bindings
}