如何解决此错误类型'Uncaught TypeError: (...) is not a function'？

Question

我知道关于 stackoverflow 的另一个类似问题并查看了它，但它并没有回答/解决我遇到的错误发生的情况。

我正在尝试使两个脚本，embed.js（插件）和more-content-arrow.js（我的脚本）在文档加载时在页面上正常工作。何时以及如果我删除任一脚本，则其中一个将起作用，但两个脚本不能同时使用。页面先加载完毕后，会正确加载more-content-arrow.js，当再次被滚动事件触发时，会在控制台浏览器中报错：

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)

我尝试通过添加jQuery.noConflict(); 来解决它，但这不起作用，因为我认为这可能是两个脚本之间的冲突。我发现摆脱错误消息的唯一方法是删除两个脚本文件之一或删除$.getScript(...)，但我不想这样做。我希望能够让这两个脚本在页面中正常运行。

JS：

$(document).ready(function(){
  //jQuery.noConflict();
  $.getScript("more-content-arrow.js", function(){
    alert("arrow script loaded and executed.");
  });
});

我在这里重新创建了一个带有未捕获类型错误的 jsfiddle：

https://jsfiddle.net/wr6cc2ct/2/

Answer 1

您的错误出现在您的 more-content-arrow.js 文件中，您将整数作为第三个参数传递，它不是处理程序，这是 .on() 的 jquery 文档

$(window).on('scroll', function () {
    if (!footerIsVisible) {
        $('.bounce').fadeIn(300);
    }
}); // <--- removed integer here.

更新

或者，您可以使用event.stopPropagation(); 以及重新排序jquery.unevent.js 脚本在 ember.js 脚​​本之后。

$(window).on('scroll', function (e) {
    e.stopPropagation();
    if (!footerIsVisible) {
        $('.bounce').fadeIn(300);
    }
}, 800);