title: How to resolve this error type 'Uncaught TypeError: (...) is not a function'?
body: <p><em>I am aware of the another question like this on stackoverflow and have looked at it, but it doesn't answer/resolve my situation that I'm having from which the error has occurred.</em> </p>
  
  <p>I'm trying to make both scripts, <code>embed.js</code> (plugin) &amp; <code>more-content-arrow.js</code> (my script) work properly on the page when the document loads. When and if I remove either script, one or the other will work but not both scripts together. When the page finishes loading first, it will load the <code>more-content-arrow.js</code> properly, then when it is trigged again by a scrolling event, it will give off this error message in the console browser:</p>
  
  <pre><code>VM249 embed.js:2 Uncaught TypeError: ((fe.event.special[s.origType] || (intermediate value)).handle || s.handler).apply is not a function
      at dispatch (VM249 embed.js:2)
      at m.handle (VM249 embed.js:2)
  </code></pre>
  
  <p>I tried to resolve it by adding a <code>jQuery.noConflict();</code>, but that doesn't work as I assume it could be a conflict between the two scripts. The only way I found out to get rid of the error message is removing one of the two scripts file or removing <code>$.getScript(...)</code>, but I don't want to do that. I want to be able to keep both scripts running properly in the page.</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).ready(function(){
    //jQuery.noConflict();
    $.getScript("more-content-arrow.js", function(){
      alert("arrow script loaded and executed.");
    });
  });
  </code></pre>
  
  <p>I recreated a jsfiddle with the uncaught type error here: </p>
  
  <p><a href="https://jsfiddle.net/wr6cc2ct/2/" rel="nofollow noreferrer">https://jsfiddle.net/wr6cc2ct/2/</a></p>