javascript - 视频-js : vjs-big-play-button isn't hidden after click

Question

我正在使用 WordPress。单击视频 vjs-big-play-button 后不会隐藏，只会在视频开始播放后隐藏。 我尝试了以下 jQuery:

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

但是我找不到正确的点击事件，我尝试了使用 Firefox 中的代码检查器可以找到的所有类，但没有任何效果。

请帮忙!

Answer 1

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

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

这是一个有效的示例: http://jsfiddle.net/0ak9066o/

您可以在 jQuery 官方文档中阅读有关 on() 事件的更多信息:http://api.jquery.com/on/