javascript - jQuery:我怎样才能绕过使用 if 语句来摆脱 "undefined"错误

Question

当使用第三方插件时，我通常在我的主 application.js 文件中初始化它们。

例子:

$('.scroll').jScrollPane();

问题是如果加载的页面没有 scroll 类，那么我会得到:

TypeError: Result of expression '$('.scroll').jScrollPane' [undefined] is not a function.

所以为了解决这个问题，我将它包装在:

if ($(".scroll").length){
    $('.scroll').jScrollPane();
}

这解决了问题，但看起来只是一个 hack。

是否有解决此问题的“正确”方法？

Answer 1

如果你得到:

ScrollPane' [undefined] is not a function.

...不会是因为页面没有 .scroll 元素。

当插件(或 jQuery 本身)未加载时会发生这种错误。

如果您在多个页面上重复使用某些代码，其中一些没有该插件，请改为执行以下操作:

if ( $.fn.jScrollPane ){
    $('.scroll').jScrollPane();
}