Javascript 视口上的CSS3动画触发器

我的想法是在h2元素出现在视口中时触发该边界-底部过渡动画

现在，我使用jquery1.7.2在JSFiddle中实现了它，但不管出于什么原因，它在最新的jQuery中不起作用

以下是正在工作的JSFIDLE：

})

下面是在codepen和JSFIDLE上不起作用的一个：

---

知道它为什么不起作用吗？

如果用on替换bind会发生什么情况？@ErikPhilips尝试了相同的方法，但没有起作用，也没有抛出任何错误。另一个fiddle使用外部资源js，而你的没有。如果你将外部js文件添加到fiddle。看起来是这样。这就是整个问题，似乎这是在视口中添加此过渡的唯一解决方案，但它不起作用，不知道我还能想到什么使其起作用。

$(document).ready(function(){
$('.underline').bind('inview', function (event, visible) {

  if (visible == true) {
    // element is now visible in the viewport
    $(this).addClass('full');
      console.log( "added ");
  } else {
    // element has gone out of viewport
     $(this).removeClass('full');
       console.log( "removed ");
  }
});