$(".class").on不是函数--jQuery错误

Ale*_*dik 5 video jquery html5

我是Javascript/jQuery的新手,我正在尝试为HTML5视频播放制作播放按钮.我的代码到目前为止:

//return a jQuery object
var video = $('#myVideoTag');

//Play/Pause control clicked

$('.btnPlay').on('click', function() {
   if(video[0].paused) {
      video[0].play();
   }
   else {
      video[0].pause();
   }
   return false;
});
Run Code Online (Sandbox Code Playgroud)

我一直收到这个错误:

$(".btnPlay").on is not a function
[Break On This Error]   

$('.btnPlay').on('click', function() {
Run Code Online (Sandbox Code Playgroud)

我不能为我的生活弄清楚出了什么问题.我在页面上正确定义了类.btnPlay.我正在遵循一个似乎使用相同方法而没有问题的教程.有任何想法吗?

Vis*_*ioN 8

方法on是在jQuery 1.7版本中引入的.

我认为你必须将你的jQuery库升级到最新版本.

否则,您可以使用bind:

$('.btnPlay').bind("click", function() {
    // ...
});
Run Code Online (Sandbox Code Playgroud)

或其快捷方式click:

$('.btnPlay').click(function() {
    // ...
});
Run Code Online (Sandbox Code Playgroud)