title: jQuery .one is executing callback function several times
body: <p>I'm using <a href="https://github.com/daneden/animate.css" rel="nofollow noreferrer">Animate.css</a> for my animation with jQuery n-th element.
  Here is the fraction of my code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("tr td:nth-child("+columnIndex+")").addClass("animated flip").one('animationend oAnimationEnd mozAnimationEnd webkitAnimationEnd', function(){
        $("tr td:nth-child("+columnIndex+")" ).removeClass("highlight");
        animationFlag++;
        alert("Getting called several times");
      });</code></pre>
  </div>
  </div>
  
  My problem is that callback function that increases the animationFlag is being called several times. Actually, it's getting called number of rows times in the table. Is there any way to call it just once.</p>