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

Question

我是 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;
});

我一直收到这个错误:

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

$('.btnPlay').on('click', function() {

我这辈子都弄不明白哪里出了问题。我在页面上正确定义了 .btnPlay 类。我正在学习一个教程，该教程似乎使用了相同的方法，没有任何问题。有什么想法吗？

Answer 1

方法on在 jQuery 1.7 版中引入。

我认为您必须将 jQuery 库升级到 newest version .

否则，您可以使用bind :

$('.btnPlay').bind("click", function() {
    // ...
});

或其快捷方式click :

$('.btnPlay').click(function() {
    // ...
});