视频js:vjs-大播放按钮在点击后不会隐藏。

Question

我用的是Wordpress。在点击视频vjs-大播放按钮没有隐藏，它只隐藏在视频开始播放。我尝试了以下jQuery：

jQuery('.video-js').click(function(){
jQuery('.vjs-big-play-button').hide();});

但是我找不到正确的点击事件，我尝试了在Firefox中使用代码检查器找到的所有类，但是都没有工作。

请帮帮我！

Answer 1

可能是因为"play“按钮是由JS动态生成的，所以应该使用on()编写函数。

$(".vjs-big-play-button").on("click", function(){
    $(this).fadeOut();
});

这里是一个有用的例子： http://jsfiddle.net/0ak9066o/

您可以在on()正式文档：http://api.jquery.com/on/上阅读更多有关jQuery事件的信息。