title: `.one` function is attached multiple times
body: <p>I have a function, that binds a function via <code>.one('click'</code> to an element:</p>
  
  <pre><code>function apply() {
      jQuery('.delete-item').one('click', function() {
          jQuery('body').LoadingOverlay('show');
          var id = jQuery(this).closest('.item').data('item-id');
          delete_item(this, id);
      });
  }
  </code></pre>
  
  <p>Then the apply function is called multiple times (because there are new elements in the dom). But although I use the <code>.one</code> instead of <code>.on</code>, the click function gets attached three times:
  <a href="https://i.stack.imgur.com/AZuON.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AZuON.png" alt="enter image description here"></a></p>
  
  <p>When I remove the listeners manually in chrome, it works fine. </p>
  
  <p>Why is the listener applied multiple times?</p>