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

Question

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

我尝试过使用：

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

Answer 1

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

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